@extends('layouts.admin')

@push('styles')
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
@endpush

@section('content')
<section class="content">
    <div class="container-fluid pt-2">

        {{-- Filter Card --}}
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">Daily Closing Stock List</h3>
            </div>
            <form method="GET" action="{{ route('manual.stockreport') }}">
                <div class="card-body">
                    <div class="row">

                        {{-- Date --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Date</label>
                                <div class="input-group date" id="formdate" data-target-input="nearest">
                                    <input type="text"
                                        class="form-control form-control-sm datetimepicker-input"
                                        data-target="#formdate"
                                        name="formdate"
                                        value="{{ $formdate }}"
                                        placeholder="Select Date" />
                                    <div class="input-group-append" data-target="#formdate"
                                        data-toggle="datetimepicker">
                                        <div class="input-group-text">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Buttons --}}
                        <div class="col-sm-3" style="margin-top: 30px;">
                            <button type="submit" class="btn btn-sm btn-primary">
                                <i class="fas fa-search"></i> Search
                            </button>
                            <a href="{{ route('manual.stockreport') }}" class="btn btn-sm btn-secondary">
                                <i class="fas fa-sync"></i> Reset
                            </a>
                        </div>

                    </div>
                </div>
            </form>
        </div>

        {{-- Table Card --}}
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">Invoice List</h3>
            </div>
            <div class="card-body">
                <table id="example1" class="table table-bordered table-striped table-sm">
                    <thead>
                        <tr>
                            <th>SL</th>
                            <th>Date</th>
                            <th>Invoice No</th>
                            <th>Outlet</th>
                            <th>Total Products</th>
                            <th>Total Qty</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($reportData as $stock)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ date('d-m-Y', strtotime($stock->entryDate)) }}</td>
                            <td><b>{{ $stock->entry_no }}</b></td>
                            <td>{{ $stock->outlet_name ?? '' }}</td>
                            <td>{{ $stock->total_products ?? '' }}</td>
                            <td>{{ $stock->total_qty ?? '' }}</td>
                            <td>
                                @can('Daily Closing Stock List(View)')

                                {{-- View --}}
                                <a href="{{ route('manual.stock.view', $stock->entry_no) }}"
                                    class="btn btn-xs btn-info" title="View">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @endcan

                                {{-- Edit --}}
                                @can('Daily Closing Stock List(Edit)')
                                <a href="{{ route('manual.stock.edit', $stock->entry_no) }}"
                                    class="btn btn-xs btn-primary" title="Edit">
                                    <i class="fas fa-edit"></i>
                                </a>
                                @endcan
                                {{-- Delete --}}
                                @can('Daily Closing Stock List(Delete)')
                                <button type="button"
                                    class="btn btn-xs btn-danger delete-btn"
                                    title="Delete"
                                    data-url="{{ route('manual.stock.delete', $stock->entry_no) }}"
                                    data-entry="{{ $stock->entry_no }}">
                                    <i class="fas fa-trash"></i>
                                </button>
                                @endcan
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center">No records found</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
                <div class="mt-3">
                    {{ $reportData->appends(request()->query())->links() }}
                </div>
            </div>
        </div>

    </div>
</section>
@endsection

@push('scripts')
{{-- ✅ SweetAlert2 --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>

<script>
    $(function() {

        // ── Date picker ───────────────────────────────────────────────
        $('#formdate').datetimepicker({
            format: 'DD-MM-YYYY'
        });

        // ── Select2 ───────────────────────────────────────────────────
        $('.select2').select2();

        // ── ✅ Invoice Delete confirmation ────────────────────────────
        $(document).on('click', '.delete-btn', function(e) {
            e.preventDefault();
            e.stopPropagation();

            let url = $(this).data('url');
            let entry = $(this).data('entry');

            Swal.fire({
                title: 'Delete Invoice?',
                text: 'Invoice ' + entry + ' will be deleted and all stock restored to Head Office!',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Yes, Delete!',
                cancelButtonText: 'Cancel'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url;
                }
            });
        });

    });
</script>
@endpush