@extends('admin.layouts.master')

@section('title', 'رحلة تحميل جديدة')

@section('content')

<div class="card">

    <div class="card-header">

        <h3 class="card-title">

            رحلة تحميل جديدة

        </h3>

    </div>

    <div class="card-body">

        <form method="POST"
              action="{{ route(
                    'delivery-batches.store'
              ) }}">

            @csrf

            <div class="row mb-10">

                <div class="col-md-6">

                    <label class="form-label">

                        العربية

                    </label>

                    <select name="truck_id"
                            id="truck_id"
                            class="form-select">

                        <option value="">
                            اختر العربية
                        </option>

                        @foreach($trucks as $truck)

                            <option
                                value="{{ $truck->id }}"
                                data-capacity="{{ $truck->max_capacity_kg }}"
                            >

                                {{ $truck->plate_number }}
                                -
                                {{ $truck->driver_name }}
                                -
                                {{ $truck->max_capacity_kg }}
                                كجم

                            </option>

                        @endforeach

                    </select>

                </div>

                <div class="col-md-3">

                    <label>
                        الحمولة القصوى
                    </label>

                    <input type="text"
                           id="max_capacity"
                           class="form-control"
                           readonly>

                </div>

                <div class="col-md-3">

                    <label>
                        الوزن الحالي
                    </label>

                    <input type="text"
                           id="current_weight"
                           class="form-control"
                           readonly>

                </div>

            </div>

            <table class="table table-row-bordered">

                <thead>

                <tr>

                    <th></th>

                    <th>#</th>

                    <th>العميل</th>

                    <th>الوزن</th>

                    <th>الإجمالي</th>

                </tr>

                </thead>

                <tbody>

                @foreach($orders as $order)

                    <tr>

                        <td>

                            <input type="checkbox"
                                   class="order_checkbox"
                                   name="orders[]"
                                   value="{{ $order->id }}"
                                   data-weight="{{ $order->total_weight_kg }}">

                        </td>

                        <td>
                            {{ $order->id }}
                        </td>

                        <td>
                            {{ $order->customer->customer_name }}
                        </td>

                        <td>
                            {{ $order->total_weight_kg }}
                            كجم
                        </td>

                        <td>
                            {{ number_format(
                                $order->total_amount,
                                2
                            ) }}
                        </td>

                    </tr>

                @endforeach

                </tbody>

            </table>

            <button class="btn btn-primary">

                حفظ الرحلة

            </button>

        </form>

    </div>

</div>

@endsection

@push('js')

<script>

    let maxCapacity = 0;

    // اختيار العربية
    $('#truck_id').change(function () {

        maxCapacity =
            parseFloat(
                $(this)
                    .find(':selected')
                    .data('capacity')
            ) || 0;

        $('#max_capacity')
            .val(maxCapacity);

        calculateWeight();

    });

    // اختيار الطلبات
    $('.order_checkbox').change(function () {

        calculateWeight();

    });

    function calculateWeight()
    {
        let totalWeight = 0;

        $('.order_checkbox:checked').each(function () {

            totalWeight +=
                parseFloat(
                    $(this).data('weight')
                ) || 0;

        });

        $('#current_weight')
            .val(totalWeight.toFixed(2));

        // تجاوز الحمولة
        if (totalWeight > maxCapacity) {

            alert('تم تجاوز حمولة العربية');

            $('.btn-primary')
                .prop('disabled', true);

        } else {

            $('.btn-primary')
                .prop('disabled', false);

        }
    }

</script>

@endpush