@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

@section('script')
    <script>
        $(document).ready(function () { // Ensure DOM is ready
            $('.province-select').change(function () {
                var provinceID = $(this).val();
                if (provinceID) {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/get-province-cities-list') }}?province_id=" + provinceID,
                        success: function (res) {
                            if (res) {
                                $(".city-select").empty();
                                $('.city-select').append('<option selected value="">' +
                                    'انتخاب کنید' + '</option>') // Changed value to empty string
                                $.each(res, function (key, city) {
                                    $(".city-select").append('<option value="' + city.id + '">' +
                                        city.name + '</option>');
                                });

                                // Retain old city selection after province change if validation fails
                                @if(old('city'))
                                $(".city-select").val("{{ old('city') }}");
                                @endif

                            } else {
                                $(".city-select").empty();
                                $('.city-select').append('<option selected value="">' +
                                    'ابتدا استان را انتخاب کنید' + '</option>');
                            }
                        }
                    });
                } else {
                    $(".city-select").empty();
                    $('.city-select').append('<option selected value="">' +
                        'ابتدا استان را انتخاب کنید' + '</option>');
                }
            });

            // Trigger change on page load if an old province was selected, to load cities
            @if(old('province'))
            $('.province-select').trigger('change');
            @endif
        });
    </script>
@endsection

{{-- Page Content --}}
@section('content')
    <form action="{{ route('admin.organization.store') }}" method="POST">
        @csrf

        {{-- 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') }}" 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') }}" 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') }}" 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', 0) }}"
                       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', 0) }}"
                       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') }}" 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') }}" 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') }}" 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') }}" 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') == $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>
                </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') }}">
                @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') }}</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') }}" required>
                @error('postal_code')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
        </div>

        <hr>

        {{-- 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