@extends('admin.layouts.master')
@section('page-title')
    Purchase Transfer
@endsection

@section('main-content')
    <div class="dashboard-main-body">
        <form id="transferForm">
            @csrf
            <div class="card">
                <div class="card-header">
                    <div class="d-flex flex-wrap align-items-center gap-2">
                        <div class="justify-content-right">
                            <h6 class="">Purchase Transfer</h6>
                        </div>
                        <div class="justify-content-end d-print-none">
                            <button type="button" id="verifyBtn"
                                class="btn btn-sm btn-primary-600 radius-8 d-inline-flex align-items-center gap-1">
                                <iconify-icon icon="simple-line-icons:check" class="text-xl"></iconify-icon>
                                Verify Transfer
                            </button>
                            <button type="button"
                                class="btn btn-sm btn-primary-600 radius-8 d-inline-flex align-items-center gap-1">
                                <iconify-icon icon="bi:printer" class="text-xl"></iconify-icon>
                                Print All Barcodes
                            </button>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <table class="table narrow-table text-sm table-bordered" id="invoice-table">
                        <thead>
                            <tr>
                                <th>SL</th>
                                <th>Product ID</th>
                                <th>Product Name</th>
                                <th>Drum ID</th>
                                <th>Select Transfer</th>
                                <th>Barcode</th>
                            </tr>
                        </thead>
                        <tbody id="itemRows">
                            @foreach ($drums as $i => $drum)
                                <tr class="item-row">
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $drum->product_id ?? '' }}</td>
                                    <td>{{ $drum->product->productname ?? '' }}</td>
                                    <td>{{ $drum->drum_no }}</td>
                                    <td>
                                        <select class="form-select drum-location" data-drum-id="{{ $drum->id }}">
                                            <option value="">Select Location</option>
                                            @foreach ($locations as $loc)
                                                <option value="{{ $loc->id }}"
                                                    @if ($drum->location_id == $loc->id) selected @endif>
                                                    {{ $loc->locationname }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <button type="button"
                                            class="btn btn-primary-100 text-primary-600 radius-8 px-20 py-11">
                                            <iconify-icon icon="bi:printer" class="text-xl"></iconify-icon>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {

            // Update drum location via AJAX
            $(document).on('change', '.drum-location', function() {
                let drumId = $(this).data('drum-id');
                let locationId = $(this).val();

                $.ajax({
                    url: "{{ route('purchase_transfer.updateDrumLocation') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        drum_id: drumId,
                        location_id: locationId
                    },
                    success: function(res) {
                        if (res.success) {
                            toastr.success('Location updated');
                        } else {
                            toastr.error('Failed to update location');
                        }
                    },
                    error: function() {
                        toastr.error('Server error');
                    }
                });
            });

            // Print single barcode
            $(document).on('click', '.print-barcode', function() {
                let drumId = $(this).data('drum-id');
                window.open("/print-barcode/" + drumId, "_blank"); // replace URL with actual
            });

            // Print all barcodes
            $('#printAll').click(function() {
                window.open("/print-all-barcodes", "_blank"); // replace URL with actual
            });

            $(document).on('click', '#verifyBtn', function() {
                let rfq_id = "{{ $rfq->id ?? '' }}";
                if (!rfq_id) {
                    toastr.error("RFQ not saved yet!");
                    return;
                }

                //alert(rfq_id);
                token(); // CSRF Token

                var formData = $("form#transferForm").serializeArray();

                token();
                var str_url = "{{ route('po_transfer.verify', ['id' => ':id']) }}".replace(':id', rfq_id);
                var str_method = "POST";
                var str_data_type = "json";

                CustomAjax(str_url, str_method, formData, str_data_type, function(data) {
                    if (data.success) {
                        toastr.success(data.message);
                        setTimeout(function() {
                            window.location.replace("{{ route('purchase_rfq.index') }}");
                        }, 1500);
                    } else {
                        toastr.error("Error updating status");
                    }

                });
            });

        });
    </script>
@endsection