@extends('admin.layout.index')

{{-- Page Title --}}
@section('title')
    ویرایش سازمان
@endsection

{{-- Custom Styles --}}
@section('style')
    <style>
        .form-group {
            margin-bottom: 20px;
        }

        .invalid-feedback {
            display: block; /* Ensure the feedback is visible */
        }
    </style>
@endsection

{{-- JavaScript for City/Province Dependency --}}
@section('script')
    <script>
        $(document).ready(function () {
            // Function to load cities based on province ID
            function loadCities(provinceId, selectedCityId = null) {
                if (provinceId) {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/get-province-cities-list') }}?province_id=" + provinceId,
                        success: function (res) {
                            $(".city-select").empty();
                            $(".city-select").append('<option value="">انتخاب کنید</option>');
                            if (res) {
                                $.each(res, function (key, city) {
                                    $(".city-select").append('<option value="' + city.id + '">' +
                                        city.name + '</option>');
                                });
                                // Select the previously chosen city if available (for old input or existing record)
                                if (selectedCityId) {
                                    $(".city-select").val(selectedCityId);
                                }
                            }
                        }
                    });
                } else {
                    $(".city-select").empty();
                    $(".city-select").append('<option value="">ابتدا استان را انتخاب کنید</option>');
                }
            }

            // On province select change
            $('.province-select').change(function () {
                var provinceID = $(this).val();
                loadCities(provinceID); // No pre-selected city from old data
            });

            // Initial load for cities based on existing organization's province and city
            var initialProvinceId = "{{ old('province', $organ->province) }}";
            var initialCityId = "{{ old('city', $organ->city) }}";
            if (initialProvinceId) {
                loadCities(initialProvinceId, initialCityId);
            }
        });
    </script>
@endsection

{{-- Page Content --}}
@section('content')
    <form action="{{ route('admin.organization.update', $organ->id) }}" method="POST">
        @csrf
        @method('PUT')

        {{-- Organization General Details --}}
        <div class="row">
            <div class="col-12 mb-4">
                <h3>اطلاعات کلی سازمان</h3>
                <hr>
            </div>
            <div class="form-group col-md-6">
                <label for="shop_name">نام سازمان</label>
                <input class="form-control @error('shop_name') is-invalid @enderror" id="shop_name" name="shop_name"
                       type="text" value="{{ old('shop_name', $organ->shop_name) }}" required>
                @error('shop_name')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="tel">شماره سازمان</label>
                <input class="form-control @error('tel') is-invalid @enderror" id="tel" name="tel" type="text"
                       value="{{ old('tel', $organ->tel) }}" required>
                @error('tel')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="org_code">کد سازمان (برای تخفیف پرسنل)</label>
                <input class="form-control @error('org_code') is-invalid @enderror" id="org_code" name="org_code"
                       type="text" value="{{ old('org_code', $organ->org_code) }}" required>
                @error('org_code')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="discount_percent">مقدار تخفیف اعضای پرسنل (درصد)</label>
                <input class="form-control @error('discount_percent') is-invalid @enderror" id="discount_percent"
                       name="discount_percent" type="number" min="0" max="100"
                       value="{{ old('discount_percent', $organ->discount_percent) }}" required>
                @error('discount_percent')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>

            <div class="form-group col-md-6">
                <label for="Installment_discount_percent">مقدار تخفیف اقساطی اعضای پرسنل (درصد)</label>
                <input class="form-control @error('Installment_discount_percent') is-invalid @enderror"
                       id="Installment_discount_percent" name="Installment_discount_percent" type="number" min="0"
                       max="100" value="{{ old('Installment_discount_percent', $organ->installment_discount_percent) }}"
                       required>
                @error('Installment_discount_percent')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-12 mb-4">
                <h3>اطلاعات مسئول سازمان</h3>
                <hr>
            </div>
            <div class="form-group col-md-4">
                <label for="first_name">نام مسئول</label>
                <input class="form-control @error('first_name') is-invalid @enderror" id="first_name" name="first_name"
                       type="text" value="{{ old('first_name', $organ->first_name) }}" required>
                @error('first_name')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-4">
                <label for="last_name">نام خانوادگی مسئول</label>
                <input class="form-control @error('last_name') is-invalid @enderror" id="last_name" name="last_name"
                       type="text" value="{{ old('last_name', $organ->last_name) }}" required>
                @error('last_name')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-4">
                <label for="national_code">کد ملی مسئول</label>
                <input class="form-control @error('national_code') is-invalid @enderror" id="national_code"
                       name="national_code" type="text" value="{{ old('national_code', $organ->national_code) }}"
                       required>
                @error('national_code')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="cellphone">شماره همراه مسئول</label>
                <input class="form-control @error('cellphone') is-invalid @enderror" id="cellphone" name="cellphone"
                       type="text" value="{{ old('cellphone', $organ->cellphone) }}" required>
                @error('cellphone')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-12 mb-4">
                <h3>آدرس سازمان</h3>
                <hr>
            </div>
            <div class="form-group col-md-4">
                <label for="province">استان</label>
                <select class="form-control province-select @error('province') is-invalid @enderror" name="province"
                        id="province" required>
                    <option value="">انتخاب کنید</option>
                    @foreach($provinces as $province)
                        <option
                            value="{{ $province->id }}" {{ old('province', $organ->province) == $province->id ? 'selected' : '' }}>{{ $province->name }}</option>
                    @endforeach
                </select>
                @error('province')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-4">
                <label for="city">شهر</label>
                <select class="form-control city-select @error('city') is-invalid @enderror" name="city" id="city"
                        required>
                    <option value="">انتخاب کنید</option>
                    {{-- Cities will be loaded here via AJAX --}}
                </select>
                @error('city')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-4">
                <label for="region">منطقه</label>
                <input class="form-control @error('district') is-invalid @enderror" id="region" name="district"
                       type="text" value="{{ old('district', $organ->district) }}">
                @error('district')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="address">آدرس سازمان</label>
                <textarea class="form-control @error('address') is-invalid @enderror" id="address" name="address"
                          rows="3" required>{{ old('address', $organ->address) }}</textarea>
                @error('address')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="postal_code">کد پستی</label>
                <input class="form-control @error('postal_code') is-invalid @enderror" id="postal_code"
                       name="postal_code" type="text" value="{{ old('postal_code', $organ->postal_code) }}" required>
                @error('postal_code')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
        </div>

        {{-- Form Actions --}}
        <div class="row mt-4">
            <div class="col-12 d-flex justify-content-center">
                <button class="btn btn-primary me-3" type="submit">ذخیره تغییرات</button>
                <a href="{{ route('admin.organization.index') }}" class="btn btn-light-primary me-3">بازگشت</a>
            </div>
        </div>
    </form>
@endsection