@extends('layouts.app')

@section('content')
<div class="container mt-4 mb-5">
    <div class="card p-4 shadow-sm">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h5 class="font-semibold mb-0">Stock Count Sessions</h5>
            <a href="{{ route('pos.stock.index', ['type' => 1]) }}" class="btn btn-sm btn-dark">Back to Stock</a>
        </div>

        <!-- Create New Count Session -->
        <div class="card bg-light p-3 mb-4">
            <h6 class="font-semibold mb-3">Create New Stock Count Session</h6>
            <form method="post" action="{{ route('pos.stock.count.store') }}" class="row">
                @csrf
                <div class="col-md-4">
                    <label class="text-sm font-weight-bold">Count Date</label>
                    <input type="date" name="sc_date" required class="form-control form-control-sm" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-4">
                    <label class="text-sm font-weight-bold">Category Filter</label>
                    <select name="sc_select_cat" required class="form-control form-control-sm">
                        <option value="all">All Products</option>
                        @foreach($categories as $category)
                        <option value="{{ $category->cat_id }}">{{ $category->cat_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="text-sm">&nbsp;</label>
                    <button type="submit" class="btn btn-success btn-sm w-100">Create Count Session</button>
                </div>
            </form>
        </div>

        <!-- Count Sessions List -->
        <table class="table table-bordered table-hover">
            <thead class="bg-light">
                <tr>
                    <th>ID</th>
                    <th>Date</th>
                    <th>Category</th>
                    <th>User</th>
                    <th>Created</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($counts as $count)
                <tr>
                    <td>{{ $count->sc_id }}</td>
                    <td>{{ $count->sc_date->format('Y-m-d') }}</td>
                    <td>
                        @if($count->sc_select_cat == 'all')
                        <span class="badge badge-primary">All Products</span>
                        @else
                        {{ $count->sc_select_cat }}
                        @endif
                    </td>
                    <td>{{ $count->user->user_fname ?? 'N/A' }} {{ $count->user->user_lname ?? '' }}</td>
                    <td>{{ $count->sc_c_date->format('Y-m-d') }} {{ $count->sc_c_time }}</td>
                    <td>
                        @if($count->isCompleted())
                        <span class="badge badge-success">Completed</span>
                        @else
                        <span class="badge badge-warning">Pending</span>
                        @endif
                    </td>
                    <td>
                        @if(!$count->isCompleted())
                        <a href="{{ route('pos.stock.count.edit', $count->sc_id) }}" class="btn btn-sm btn-primary">Edit Count</a>
                        <a href="{{ route('pos.stock.count.print', $count->sc_id) }}" target="_blank" class="btn btn-sm btn-info">Print</a>
                        <form method="post" action="{{ route('pos.stock.count.destroy', $count->sc_id) }}" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Delete this count session?')">Delete</button>
                        </form>
                        @else
                        <a href="{{ route('pos.stock.count.print', $count->sc_id) }}" target="_blank" class="btn btn-sm btn-info">View</a>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center">No stock count sessions found. Create one to start.</td>
                </tr>
                @endforelse
            </tbody>
        </table>

        <div class="d-flex justify-content-center">
            {{ $counts->links() }}
        </div>
    </div>
</div>

@if(session('success'))
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
Swal.fire({
    title: 'Success',
    text: '{{ session('success') }}',
    icon: 'success',
    confirmButtonText: 'OK'
});
</script>
@endif

@if(session('error'))
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
Swal.fire({
    title: 'Error',
    text: '{{ session('error') }}',
    icon: 'error',
    confirmButtonText: 'OK'
});
</script>
@endif
@endsection