@extends('layouts.app')
@section('title', __('lang_v1.assign_to_driver'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('lang_v1.assign_to_driver')</h1>
       @if (!empty($video) && auth()->user()->can('edu_videos.view'))
            @include('video.video_button', ['fileName' => $video ]) 
     @endif
</section>

<!-- Main content -->
<section class="content">
     @component('components.widget', ['class' => 'box-primary', 'title' => __('lang_v1.assign_to_driver')])

    <div class="row">
        <div class="col-md-6">
            <input type="text" id="invoice_input" class="form-control" 
                placeholder="@lang('sale.invoice_no')" autofocus>
        </div>
    </div>

    <br>

    <table class="table table-bordered" id="invoice_number_table">
        <thead>
              <tr style="background-color: {{ session('business.theme_color') ?? '#007bff' }};">
                <th>@lang('sale.invoice_no')</th>
                <th>@lang('sale.total_amount')</th>
                <th>@lang('messages.actions')</th>
            </tr>
        </thead>
        <tbody>
            <!-- Rows will be appended here -->
        </tbody>
    </table>

    <div class="tw-mt-4">
        @if (config('constants.assign_to_contacts'))
            <button id="assign_to_contacts" class="btn btn-primary">@lang('lang_v1.assign_to_contacts')</button>

        @endif
        <button id="assign_to_driver" class="btn btn-success">@lang('lang_v1.assign_to_driver')</button>
    </div>
    @endcomponent
    <!-- Modals -->
     <div class="modal fade driver_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>
     @include('video.video_modal') 
    <div class="modal fade contact_assign_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>
</section>
@stop

@section('javascript')
<script>
$(document).ready(function () {
    // 🔎 Press Enter to fetch invoice
    $('#invoice_input').on('keypress', function (e) {
        if (e.which === 13) {
            e.preventDefault();
            let invoiceNo = $(this).val().trim();

            if (invoiceNo !== '') {
                $.ajax({
                    url: '/sells/invoice', // ✅ create this route/controller
                    type: 'GET',
                    data: { invoice_no: invoiceNo },
                    success: function (res) {
                        if (res.success) {
                             let exists = false;
                                $('#invoice_number_table tbody tr').each(function () {
                                    if ($(this).find('.invoice_no').val() === res.data.invoice_no) {
                                        exists = true;
                                        return false; // break loop
                                    }
                                });

                                if (exists) {
                                    toastr.warning('@lang('lang_v1.invoice_already_added')');
                                    $('#invoice_input').val('');
                                    return;
                                }
                            let row = `
                                <tr>
                                    <td>${res.data.invoice_no}</td>
                                    <td>${res.data.final_total}</td>
                                    <td>
                                        <input type="hidden" class="transaction_id" value="${res.data.id}">
                                        <input type="hidden" class="invoice_no" value="${res.data.invoice_no}">
                                        <button class="btn btn-danger btn-sm remove-row">X</button>
                                    </td>
                                </tr>
                            `;
                            $('#invoice_number_table tbody').append(row);
                            $('#invoice_input').val('');
                        } else {
                            toastr.error(res.message || 'Invoice not found');
                        }
                    },
                    error: function () {
                        toastr.error('Failed to fetch invoice.');
                    }
                });
            }
        }
    });

    // ❌ remove row
    $(document).on('click', '.remove-row', function () {
        $(this).closest('tr').remove();
    });

    // 📌 Assign to contact
    $(document).on('click', '#assign_to_contacts', function () {
        const selectedRows = [];
        $('#invoice_number_table tbody tr').each(function () {
            selectedRows.push($(this).find('.transaction_id').val());
        });

        if (selectedRows.length > 0) {
            $.ajax({
                url: '/sells/assign/contact',
                type: 'GET',
                data: { 'transaction_ids[]': selectedRows },
                dataType: 'html',
                success: function (result) {
                    $('.contact_assign_modal').html(result).modal('show');
                },
                error: function () {
                    toastr.error('Failed to load contact assignment modal.');
                }
            });
        } else {
            toastr.error('@lang('lang_v1.select_one_row')');
        }
    });

    // 🚚 Assign to driver
    $(document).on('click', '#assign_to_driver', function () {
        const selectedRows = [];
        $('#invoice_number_table tbody tr').each(function () {
            selectedRows.push($(this).find('.transaction_id').val());
        });

        if (selectedRows.length > 0) {
            $.ajax({
                url: '/sells/driver',
                type: 'GET',
                data: { 'transaction_ids[]': selectedRows },
                dataType: 'html',
                success: function (result) {
                    $('.driver_modal').html(result).modal('show');
                },
                error: function () {
                    toastr.error('Failed to load driver assignment modal.');
                }
            });
        } else {
            toastr.error('@lang('lang_v1.select_one_row')');
        }
    });
});
</script>
@endsection