@extends('layouts.app')
@section('title', __('delivery_information.schedule_delivery'))

@section('content')

<!-- Content Header (Page header) -->
{{-- <section class="content-header">
    <h1>@lang('product.add_new_product')</h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section> --}}

<!-- Main content -->

@php
    if(!empty($contact->shipping_address)){
        $address = $contact->shipping_address;
    }else{
        if(!empty($contact->address_line_1) || !empty($contact->address_line_2)) {
            $address = $contact->address_line_2." ".$contact->address_line_2; 
        }
    }
    if(!empty($address)){
        if(!empty($contact->postal_code)){
            $address = $address. " ". $contact->postal_code;
        }else{
            $address = $address. " ". $contact->zip_code;
        }
    }

    $designer_name = null;
    $designer_contact_no = $partner->contact_no ?? null;

    if (!empty($partner->first_name) || !empty($partner->last_name)) {
        $designer_name = trim(($partner->first_name ?? '') . ' ' . ($partner->last_name ?? ''));
    }

    $firm_name = null;
    if (!empty($firmdel->first_name) || !empty($firmdel->last_name)) {
        $firm_name = trim(($firmdel->first_name ?? '') . ' ' . ($firmdel->last_name ?? ''));
    }
@endphp

<section class="content">
    <div class="delivery_information_form">
        {!! Form::open(['url' => action([\App\Http\Controllers\DeliveryInformationController::class, 'storeBooking']), 'method' => 'post',
        'id' => 'delivery_information_add_form','class' => 'delivery_information_add_form ', 'files' => true ]) !!}
         
        <div class="row">
            {{--<div class="col-sm-12 col-md-12">
                <div class="form-group">
                    {!! Form::label('packed_sell_line', __('lang_v1.packed_sell_line') . ':*') !!}
                    {!! Form::select('packed_sell_line[]', $packerProductData, [], [ 'data-tags' => 'true','id' => 'packed_sell_line', 'class' => 'form-control select2', 'required', 'multiple']); !!}
                </div>
            </div>--}}

            <div class="col-sm-12 col-md-12">
                <div class="form-group">
                    {!! Form::label('driver_id', __('lang_v1.driver') . ':*') !!}
                    {!! Form::select('driver_id', $drivers, null, [ 'data-tags' => 'true','id' => 'driver_id', 'class' => 'form-control select2', 'required','placeholder' => __('lang_v1.select_driver')]); !!}
                </div>
            </div>


            <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('name', __('lang_v1.name') . ':*') !!}
                    {!! Form::text('name', !empty($contact->name) ? $contact->name : null, ['class' => 'form-control', 'required', 'id' => 'customer_name',
                    'placeholder' => __('lang_v1.name')]); !!}
                </div>
            </div>
           <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('invoice_no', __('lang_v1.invoice_no') . ':*') !!}
                    {!! Form::text('invoice_no', !empty($transaction->invoice_no) ? $transaction->invoice_no : null, [
                        'class' => 'form-control invoice-search',
                        'required',
                        'placeholder' => __('lang_v1.invoice_no')
                    ]) !!}
                </div>
            </div>


            <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('contact_no', __('lang_v1.contact_no') . ':*') !!}
                    {!! Form::text('contact_no', !empty($contact->mobile) ? $contact->mobile : null, ['class' => 'form-control', 'required', 'id' => 'customer_mobile',
                    'placeholder' => __('lang_v1.contact_no')]); !!}
                </div>
            </div>

            <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('email', __('lang_v1.email_address') . ':') !!}
                    {!! Form::text('email', !empty($contact->email) ? $contact->email : null, ['class' => 'form-control', 'id' => 'customer_email',
                    'placeholder' => __('lang_v1.email_address')]); !!}
                </div>
            </div>

            <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('delivery_date', __('lang_v1.delivery_date') . ':*') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </span>
                        {!! Form::text('delivery_date', null, ['class' => 'form-control', 'required', 'id' => 'delivery_date',
                        'placeholder' => __('lang_v1.delivery_date')]); !!}
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-md-6">
                <div class="form-group">
                    {!! Form::label('delivery_time', __('lang_v1.delivery_time') . ':*') !!}
                    {!! Form::select('delivery_time', [
                        'no_preference' => 'No Preference',
                        '10am-12pm' => '10:00 AM - 12:00 PM',
                        '1pm-3pm'   => '01:00 PM - 03:00 PM',
                        '3pm-5pm'   => '03:00 PM - 05:00 PM',
                    ], null, [
                        'class' => 'form-control select2',
                        'required', 'id' => 'delivery_time',
                        'placeholder' => __('lang_v1.select_delivery_time'),
                    ]) !!}
                </div>
            </div>


            <div class="col-sm-12 col-md-12" id="delivery-products-content">
                @include('delivery_information.appointment_booking.partials.delivered_products')
            </div>

            <div class="col-sm-4 col-md-12">
                <div class="form-group">
                    {!! Form::label('address', __('lang_v1.address') . ':*') !!}
                    <br><small>Format: [Block No./Unit No.][Street Name][#Floor-Unit No.][Postal Code]</small>
                    {!! Form::textarea('address', !empty($address) ? $address : null, ['class' => 'form-control', 'required', 'id' => 'customer_address',
                    'placeholder' => __('lang_v1.address')]); !!}
                </div>
            </div>
            
            {{--<div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('development_name', __('lang_v1.development_name') . ':') !!}
                    <br><small>Example: Normanton Park (Property Development Name)</small>
                    {!! Form::text('development_name', null, ['class' => 'form-control',
                    'placeholder' => __('lang_v1.development_name')]); !!}
                </div>
            </div>--}}

            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('interior_designer_name', __('lang_v1.interior_designer_name') . ':') !!}
                    <br><small>Example: Normanton Park (Property Development Name)</small>
                    {!! Form::text('interior_designer_name', $designer_name, ['class' => 'form-control', 'id' => 'interior_designer_name',
                    'placeholder' => __('lang_v1.interior_designer_name')]); !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('interior_designer_contact_no', __('lang_v1.interior_designer_contact_no') . ':') !!}
                    <br><small>Example: 9123 4567</small>
                    {!! Form::text('interior_designer_contact_no', $designer_contact_no, ['class' => 'form-control', 'id' => 'interior_designer_contact_no',
                    'placeholder' => __('lang_v1.interior_designer_contact_no')]); !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('interior_designer_firm_name', __('lang_v1.interior_designer_firm_name') . ':') !!}
                    <br><small>Example: Rezt & Relax Interior Design</small>
                    {!! Form::text('interior_designer_firm_name', $firm_name, ['class' => 'form-control', 'id' => 'interior_designer_firm_name',
                    'placeholder' => __('lang_v1.interior_designer_firm_name')]); !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('remarks', __('lang_v1.remarks') . ':') !!}
                    <br><small>Any delivery instructions/information or access method.</small>
                    {!! Form::text('remarks', $transaction->remarks, ['class' => 'form-control', 'id' => 'remarks',
                    'placeholder' => __('lang_v1.remarks')]); !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    {!! Form::label('outstanding_payment', __('lang_v1.outstanding_payment') . ':') !!}
                    <br><small>Any outstanding payment to be collected during delivery</small>
                    {!! Form::text('outstanding_payment', $transaction->outstanding_payment, ['class' => 'form-control', 'required', 'id' => 'outstanding_payment',
                    'placeholder' => __('lang_v1.outstanding_payment')]); !!}
                </div>
            </div>
        </div>
        {!! Form::hidden('business_id', $transaction->business_id); !!}
        {!! Form::hidden('location_id', $transaction->location_id); !!}
        {!! Form::hidden('transaction_id', $transaction->id, ['id' => 'transaction_id']) !!}

        <button type="submit" style="background-color:#E6B434" value="SUBMIT BOOKING" class="btn btn-big submit_delivery_information_form">@lang('lang_v1.submit_booking')</button>
        {!! Form::close() !!}
    </div>
</section>
<!-- /.content -->

@endsection

@section('javascript')
@php $asset_v = env('APP_VERSION'); @endphp
<script src="{{ asset('js/delivery_information.js?v=' . $asset_v) }}"></script>
<script>
$(document).ready(function(){
        $('#packed_sell_order').select2({
            //placeholder: "{{ __('lang_v1.select_packed_sell_line') }}", // Set your placeholder text here
            tags: true
        });

        // When checkbox is checked
        $(document).on('ifChecked', '.product-checkbox', function () {
            let productId = $(this).data('id');
            let qtyBox = $('#qty-box-' + productId);
            let qtyInput = $('#qty_' + productId);
            let maxQty = $(this).data('qty');

            qtyBox.show();
            qtyInput.val(maxQty); // default to purchased qty
        });

        // When checkbox is unchecked
        $(document).on('ifUnchecked', '.product-checkbox', function () {
            let productId = $(this).data('id');
            let qtyBox = $('#qty-box-' + productId);
            let qtyInput = $('#qty_' + productId);

            qtyBox.hide();
            qtyInput.val('');
        });

        // Prevent entering qty > purchased qty
        $(document).on('input', '.product-qty', function () {
            let max = parseInt($(this).attr('max'));
            let val = parseInt($(this).val());

            if (val > max) {
                $(this).val(max);
            } else if (val < 1 || isNaN(val)) {
                $(this).val('');
            }
        });


        $('.invoice-search').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "{{ route('invoices.search') }}",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            label: item.invoice_no,
                            value: item.invoice_no,
                            data: item
                        };
                    }));
                }
            });
        },
        minLength: 2,
        select: function (event, ui) {
            let invoice = ui.item.data;

            $('#transaction_id').val(invoice.id);
            // $('#transaction_date').val(invoice.transaction_date);

            // Contact details
            $('#customer_name').val(invoice.contact.name);
            $('#customer_mobile').val(invoice.contact.mobile);
            $('#customer_email').val(invoice.contact.email);
            $('#customer_address').val(invoice.contact.address);
            $('#remarks').val(invoice.remarks);
            $('#outstanding_payment').val(invoice.outstanding_payment);
            $('#interior_designer_name').val(invoice.designer_name);
            $('#interior_designer_contact_no').val(invoice.designer_contact_no);
            $('#interior_designer_firm_name').val(invoice.firm_name);

            // --- Replace Product List ---
            let productHtml = '<h5>Products to be Delivered :*</h5>';
            invoice.products.forEach(function (p) {
                productHtml += `
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" 
                                        class="input-icheck product-checkbox" 
                                        name="products[${p.sell_line_id}][selected]" 
                                        value="1"
                                        data-id="${p.sell_line_id}" 
                                        data-qty="${p.delivery_qty}">
                                    ${p.name} (Purchased: ${p.quantity})
                                </label>
                            </div>
                            <div id="qty-box-${p.sell_line_id}" class="qty-box mt-1" style="display:none;">
                                <input type="number"
                                    name="products[${p.sell_line_id}][qty]"
                                    class="form-control form-control-sm product-qty d-inline-block"
                                    id="qty_${p.sell_line_id}"
                                    placeholder="Qty"
                                    max="${p.delivery_qty}"
                                    style="width:80px;">
                                <small class="text-muted">Max: ${p.delivery_qty}</small>
                            </div>
                        </div>
                    </div>`;
            });


            $('#delivery-products-content').html(productHtml);

            $('#delivery-products-content .input-icheck').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%'
            });
        }
    })
})
</script>
@endsection