@extends('admin.layouts.app')

@section('content')
    @include('admin.layouts.partial.toolbar', ['breadcrumb' => 'Edit Branch Price']);

    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            <!--begin::Layout-->
            <div class="d-flex flex-column flex-lg-row">
                <!--begin::Content-->
                <div class="flex-lg-row-fluid me-lg-15 order-2 order-lg-1 mb-10 mb-lg-0">
                    <div class="card shadow-none border-0 rounded-0">
                        <!--begin::Header-->
                        <div class="card-header" id="kt_activities_header">
                            <h3 class="card-title fw-bold text-dark">Edit Branch Price</h3>
                        </div>
                        <!--end::Header-->
                        <div class="card-body position-relative">
                            <form class="form" action="{{ route('admin.client.branch.price.update', $service->id) }}"
                                id="kt_add_client_price_form"
                                data-kt-redirect="{{ route('admin.client.branch.price.list', $service->branch_id) }}">

                                <!-- ============ -->
                                <div class="row pt-5">
                                    <div class="col-6">
                                        <div class="fv-row mb-7">
                                            <label class="required fs-6 fw-semibold mb-2">Category</label>
                                            <select name="category_id" data-control="select2"
                                                class="form-select form-select-solid fw-bold"
                                                data-ajax-search="{{ route('admin.client.select2.category') }}"
                                                id="category_id" onchange="setServices()">
                                                <option value="{{ $service->category->id }}" selected>
                                                    {{ $service->category->name }}</option>
                                            </select>
                                        </div>
                                        <div class="fv-row mb-7">
                                            <label class="required fs-6 fw-semibold mb-2">Service</label>
                                            <select name="service_id" data-control="select2"
                                                class="form-select form-select-solid fw-bold" data-placeholder="Search..."
                                                onchange="getSubService(this)" id="service_id">
                                                <option value="{{ $service->service->id }}" selected>
                                                    {{ $service->service->name }}</option>
                                            </select>
                                        </div>
                                        <div class="fv-row mb-7">
                                            <label class="required fs-6 fw-semibold mb-2">Sub
                                                Service</label>
                                            <div id="sub_service_block">
                                                {{-- @foreach ($service->activeSubServices as $key => $a_sub)
                                                    <div class="d-flex flex-row">
                                                        <div class="fv-row mb-7">
                                                            <input type="hidden" value="{{ $a_sub->id }}"
                                                                name="sub_services[{{ $key }}][id]">
                                                            <input type="hidden" value="{{ $a_sub->subserviceable_id }}"
                                                                name="sub_services[{{ $key }}][sub_id]">
                                                            <input type="text" class="form-control form-control-solid"
                                                                placeholder="{{ $a_sub->subserviceable->packing_material_name ?? $a_sub->subserviceable->name }}"
                                                                readonly />
                                                        </div>
                                                        <div class="fv-row mx-5 mb-7">
                                                            <input type="text" class="form-control form-control-solid"
                                                                placeholder="Add Price"
                                                                name="sub_services[{{ $key }}][price]"
                                                                value="{{ $a_sub->price }}" />
                                                        </div>
                                                    </div>
                                                @endforeach --}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-5">
                                        <div class="d-flex fv-row mb-7">
                                            <label class="fs-6 fw-semibold mb-2">Enable Threshold</label>
                                            <input type="hidden" name="enable_threshold" value="0">
                                            <input type="checkbox" class="form-check-input mx-5" name="enable_threshold"
                                                id="enable_threshold" value="1"
                                                @if ($service->enable_threshold) checked @endif>
                                        </div>
                                        @foreach ($thresholds as $key => $threshold)