@extends('admin.layouts.app')
@push('title')
    <title>{{ isset($edit) ? 'Update Organization' : 'Create Organization' }}</title>
@endpush

@push('banner')
    <h1 class="m-0">Organization</h1>
@endpush
@section('content')
    <div class="overlay"></div>
    <div class="loader"></div>
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2">
                        <div>
                            <h1 class="mb-4">{{ isset($edit) ? 'Update Organization' : 'Create Organization' }}</h1>
                        </div>
                        <div>
                            <a href="{{ route('organizations.index') }}" class="btn btn-primary"><i class="bi bi-arrow-left"></i>
                                Back</a>
                        </div>
                    </div>
                    <form method="POST"
                        action="{{ isset($edit) ? route('organizations.update', $edit->id) : route('organizations.store') }}">
                        @csrf
                        @if (isset($edit))
                            @method('PUT')
                        @endif
                        @csrf

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Organization Name <span class="text-danger">*</span></label>
                                    <input type="text" name="name" id="name"
                                        class="form-control @error('name') is-invalid @enderror"
                                        value="{{ isset($edit->name) ? $edit->name : '' }}"
                                        placeholder="Enter Hospital Name">
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Organization Short Name <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="short_name" id="short_name"
                                        class="form-control @error('short_name') is-invalid @enderror"
                                        value="{{ isset($edit->short_name) ? $edit->short_name : '' }}"
                                        placeholder="Enter Organization Short Name">
                                    @error('short_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Address</label>
                                    <input type="text" name="address" id="address"
                                        class="form-control @error('address') is-invalid @enderror"
                                        value="{{ isset($edit->address) ? $edit->address : '' }}"
                                        placeholder="Enter Address">
                                    @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="country_id">Select Country<span class="text-danger">*</span></label>
                                    <select name="country_id" id="country_id"
                                        class="form-control @error('country_id') is-invalid @enderror">
                                        <option value="">-- Select Country --</option>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                {{ old('country_id', isset($edit->country_id) ? $edit->country_id : '') == $country->id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                            
                                    </select>
                                    @error('country_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="province_id">Select State<span class="text-danger">*</span></label>
                                    <select name="province_id" id="province_id" class="form-control">
                                        <option value="">Select State</option>
                                        @foreach ($states as $state)
                                            <option value="{{ $state->id }}"
                                                {{ $edit->state_id == $state->id ? 'selected' : '' }}>
                                                {{ $state->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('province_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="city_id">Select City<span class="text-danger">*</span></label>
                                    <select name="city_id" id="city_id" class="form-control">
                                        <option value="">Select City</option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}"
                                                {{ $edit->city_id == $city->id ? 'selected' : '' }}>
                                                {{ $city->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('city_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{--  {{ dd($edit) }}  --}}
                                    <label>Organization Type <span class="text-danger">*</span></label><br>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="organization_type" id="office" value="office"
                                            {{ old('organization_type', isset($edit) ? $edit->office : '') == 1 ? 'checked' : '' }}>
                                        <label class="form-check-label" for="office">Office</label>
                                    </div>
                                    
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="organization_type" id="institute" value="institude"
                                            {{ old('organization_type', isset($edit) ? $edit->institude : '') == 1 ? 'checked' : '' }}>
                                        <label class="form-check-label" for="institute">Institute</label>
                                    </div>
                                    @error('organization_type')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            
                        </div>
                        <button type="submit"
                            class="btn btn-primary btn-block">{{ isset($edit) ? 'Update' : 'Create' }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('customJs')
    <script>
        $(document).ready(function() {
            $('#country_id').on('change', function() {
                let countryId = $(this).val();
                $('#province_id').html('<option value="">Select Province</option>');
                $('#city_id').html('<option value="">Select City</option>');

                if (countryId) {
                    Swal.fire({
                        title: 'Loading States...',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    $.ajax({
                        url: "{{ route('get.states') }}",
                        method: 'POST',
                        data: {
                            _token: "{{ csrf_token() }}",
                            country_id: countryId
                        },
                        success: function(response) {
                            Swal.close();
                            $.each(response, function(key, province) {
                                $('#province_id').append(
                                    `<option value="${province.id}">${province.name}</option>`
                                    );
                            });
                        },
                        error: function() {
                            Swal.fire('Error!', 'Failed to load provinces.', 'error');
                        }
                    });
                }
            });

            $('#province_id').on('change', function() {
                let provinceId = $(this).val();
                $('#city_id').html('<option value="">Select City</option>');

                if (provinceId) {
                    Swal.fire({
                        title: 'Loading Cities...',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    $.ajax({
                        url: "{{ route('get.cities') }}",
                        method: 'POST',
                        data: {
                            _token: "{{ csrf_token() }}",
                            province_id: provinceId
                        },
                        success: function(response) {
                            Swal.close();
                            $.each(response, function(key, city) {
                                $('#city_id').append(
                                    `<option value="${city.id}">${city.name}</option>`
                                    );
                            });
                        },
                        error: function() {
                            Swal.fire('Error!', 'Failed to load cities.', 'error');
                        }
                    });
                }
            });
        });
    </script>
@endsection