@extends('layouts.master')

@section('style')


@endsection

@section('content')
<main id="main" class="main">
    <section class="section dashboard">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">{{ isset($service) ? 'Edit' : 'Add' }} Service</h1>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-body mt-5 table-responsive bg-white py-4 rounded">




            <div class="modal-body">
                <label for="serviceSelect">Select Service</label>
                <select id="serviceSelect" name="courier_id">
                    <option value="">Select Service</option>
                    @foreach($allServices as $s)
                        <option {{$s->id == $selectedService ? "selected" : ""}} value="{{ $s->id }}">{{ $s->Name }}</option>
                    @endforeach
                </select>
                @if(isset($user))
                    <p>Setting Pricing For {{$user->first_name . " " . $user->last_name}}</p>
                @endif
                <form id="price-form"
                    action="{{ route('couriers.prices.store', ['courier' => $service->id, 'userId' => $user->id]) }}"
                
                  
              
                method="POST">
                @csrf
                <table class="table table-bordered" id="price-table">
                    <thead>
                        <tr>
                            <th></th>
                            @foreach($service->zones as $zone)
                                <th>{{ $zone->name }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($service->weightClasses as $weightClass)
                                            <tr>
                                                <th>{{ $weightClass->weight_name }}</th>
                                                @foreach($service->zones as $zone)
                                                                        <td>
                                                                            @php
                                                                                // Check if there's a saved price for this zone and weight class combination
                                                                                $priceKey = $zone->id . '_' . $weightClass->id;
                                                                                $savedPrice = isset($prices[$priceKey]) ? $prices[$priceKey]->first()->price : '';
                                                                            @endphp
                                                                            <input type="number" step="0.01" class="form-control"
                                                                                name="prices[{{ $zone->id }}][{{ $weightClass->id }}]"
                                                                                placeholder="Price for {{ $zone->name }} - {{ $weightClass->weight_name }}"
                                                                                value="{{ old("prices[$zone->id][$weightClass->id]", $savedPrice) }}">
                                                                        </td>
                                                @endforeach
                                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @if(isset($user))
                    <input type="hidden" hidden value="{{$user->id}}">
                @endif
                <button type="submit" class="btn btn-primary">Save Prices</button>
                </form>
            </div>
        </div>
        </div>
        </div>
    </section>
</main>
@endsection

@section('script')

<script>



    $('#serviceSelect').on('change', function () {
        var serviceId = $(this).val();
        if (serviceId) {
            // Get the current URL
            var currentUrl = window.location.href;

            // Remove the last segment after the last '/'
            var newUrl = currentUrl.substring(0, currentUrl.lastIndexOf('/')) + '/' + serviceId;

            // Load the new URL
            window.location.href = newUrl;
        }


        // if (userId) {
        //     $.ajax({
        //         url: '/couriers/getUserSpecificPricing' / +userId,
        //         method: 'GET',

        //         success: function (response) {
        //             // Clear the current prices
        //             $('#price-table input').each(function () {
        //                 $(this).val('');
        //             });

        //             // Update the table with the received pricing data
        //             $.each(response.prices, function (zoneId, weightClasses) {
        //                 $.each(weightClasses, function (weightClassId, price) {
        //                     var inputName = 'prices[' + zoneId + '][' + weightClassId + ']';
        //                     $('input[name="' + inputName + '"]').val(price);
        //                 });
        //             });
        //         }
        //     });
        // } else {
        //     // Clear prices if no user is selected
        //     $('#price-table input').each(function () {
        //         $(this).val('');
        //     });
        // }

    });

</script>

@endsection