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

@push('banner')
    <h1 class="m-0">User</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 User' : 'Create User' }}</h1>
                        </div>
                        <div>
                            <a href="{{ route('users.index') }}" class="btn btn-primary"><i class="bi bi-arrow-left"></i>
                                Back</a>
                        </div>
                    </div>
                    <form method="POST"
                        action="{{ isset($edit) ? route('users.update', $edit->id) : route('users.store') }}">
                        @csrf
                        @if (isset($edit))
                            @method('PUT')
                        @endif
                        @csrf

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">First Name <span class="text-danger">*</span></label>
                                    <input type="text" name="first_name" id="first_name"
                                        class="form-control @error('first_name') is-invalid @enderror"
                                        value="{{ isset($edit->first_name) ? $edit->first_name : '' }}"
                                        placeholder="Enter First Name">
                                    @error('first_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Last Name <span class="text-danger">*</span></label>
                                    <input type="text" name="last_name" id="last_name"
                                        class="form-control @error('last_name') is-invalid @enderror"
                                        value="{{ isset($edit->last_name) ? $edit->last_name : '' }}"
                                        placeholder="Enter Last Name">
                                    @error('last_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Email <span class="text-danger">*</span></label>
                                    <input type="email" name="email" id="email"
                                        class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email"
                                        value="{{ isset($edit->email) ? $edit->email : '' }}">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Phone <span class="text-danger">*</span></label>
                                    <input type="text" name="phone" id="phone"
                                        class="form-control @error('phone') is-invalid @enderror"
                                        placeholder="Enter Phone Number"
                                        value="{{ isset($edit->phone) ? $edit->phone : '' }}">
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Date Of Birth <span class="text-danger">*</span></label>
                                    <input type="date" name="dob" id="dob"
                                        class="form-control @error('dob') is-invalid @enderror"
                                        placeholder="Enter Date OF Birth"
                                        value="{{ isset($edit->dob) ? $edit->dob : '' }}">
                                    @error('dob')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Place Of Birth <span class="text-danger">*</span></label>
                                    <input type="text" name="pob" id="pob"
                                        class="form-control @error('pob') is-invalid @enderror"
                                        placeholder="Enter Place OF Birth"
                                        value="{{ isset($edit->pob) ? $edit->pob : '' }}">
                                    @error('pob')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="country_birth_id">Country of Birth <span
                                            class="text-danger">*</span></label>
                                    <select name="country_birth_id" id="country_birth_id"
                                        class="form-control @error('country_birth_id') is-invalid @enderror">
                                        <option value="">Select Country</option>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                {{ old('country_birth_id', isset($edit->country_birth_id) ? $edit->country_birth_id : '') == $country->id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('country_birth_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="country_stay_id">Country of Stay <span
                                            class="text-danger">*</span></label>
                                    <select name="country_stay_id" id="country_stay_id"
                                        class="form-control @error('country_stay_id') is-invalid @enderror">
                                        <option value="">Select Country</option>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                {{ old('country_stay_id', isset($edit->country_stay_id) ? $edit->country_stay_id : '') == $country->id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('country_stay_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="city_id">City of Stay <span class="text-danger">*</span></label>
                                    <select name="city_id" id="city_id" class="form-control @error('city_id') is-invalid @enderror" >
                                        <option value="">Select City</option>
                                        @if (isset($edit->city_id))
                                          
                                        @foreach ($cities as $city)
                                        <option value="{{ $city->id }}"
                                            {{ isset($edit) && $city->id == $edit->city_id ? 'selected' : '' }}>
                                            {{ $city->name }}
                                        </option>
                                    @endforeach
                                        @endif
                                    </select>
                                    @error('city_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <p class="text-danger"></p>
                            </div>
                            
                            
                            

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="password">Password <span class="text-danger">*</span></label>
                                    <input type="password" name="password" id="password"
                                        class="form-control @error('password') is-invalid @enderror"
                                        placeholder="Enter Password">
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="role">Role <span class="text-danger">*</span></label>
                                    <select name="role" id="role" class="form-control">
                                        <option value="" selected disabled>Select Role</option>
                                        @foreach ($roles as $role)
                                            <option value="{{ $role->id }}"
                                                {{ isset($edit) && $edit->role == $role->id ? 'selected' : '' }}>
                                                {{ $role->role_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="status">Status:</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="1" {{ isset($edit) && $edit->status == 1 ? 'selected' : '' }}>Active</option>
                                        <option value="0"{{ isset($edit) && $edit->status == 0 ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group form-check">
                                    <input type="checkbox" class="form-check-input" name="is_admin" id="is_admin" {{ isset($edit->is_admin) && $edit->is_admin == 1 ? 'checked' : '' }} value="1">
                                    <label class="form-check-label" for="is_admin">Is Admin</label>
                                </div>
                            </div>
                            
                            
                            <div class="col-12">
                                <div class="blood-group-container">
                                    <label class="mb-4">Blood Group<span class="text-danger">*</span></label>
                                    <div class="radio-container" id="blood_group">
                                        @foreach ($bloodGroups as $bloodGroup)
                                            <label for="blood_group_{{ $bloodGroup->id }}" class="checkbox-circle">
                                                <input type="radio" id="blood_group_{{ $bloodGroup->id }}"
                                                    name="blood_group" value="{{ $bloodGroup->id }}"
                                                    {{ isset($edit->blood_group_id) && $edit->blood_group_id == $bloodGroup->id ? 'checked' : '' }}>
                                                <span class="checkmark">{{ $bloodGroup->name }} ve</span>
                                            </label>
                                        @endforeach
                                    </div>
                                    <p class="text-danger"></p>
                                </div>
                            </div></div>


                        </div>
                        <button type="submit"
                            class="btn btn-primary btn-block">{{ isset($edit) ? 'Update' : 'Create' }}</button>
                    </form>


                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@section('customJs')
    <script>
        $(document).ready(function() {
            $('#country_stay_id').change(function() {
                $('.overlay').show();
                $('.loader').show();
                var country_id = $(this).val();
        
                if (country_id) {
                    $.ajax({
                        url: '{{ route("user.getCities") }}',
                        type: 'GET',
                        data: { country_id: country_id },
                        dataType: 'json',
                        success: function(data) {
                            setTimeout(function() {
                                // Replace input with select
                                var selectHtml = '<select name="city_id" id="city_id" class="form-control @error('city_id') is-invalid @enderror">';
                                selectHtml += '<option value="">Select City</option>';
        
                                $.each(data, function(key, value) {
                                    selectHtml += '<option value="' + value.id + '">' + value.name + '</option>';
                                });
        
                                selectHtml += '</select>';
                                $('#city_id').replaceWith(selectHtml);
                                
                                $('.overlay').hide();
                                $('.loader').hide();
                            }, 2000);
                        },
                        error: function(xhr) {
                            console.error(xhr.responseText);
                            $('.overlay').hide();
                            $('.loader').hide();
                        }
                    });
                } else {
                    // If no country selected, revert to input field
                    var inputHtml = '<input type="text" name="city_id" id="city_id" list="cityList" disabled ';
                    inputHtml += 'class="form-control @error('city_id') is-invalid @enderror" ';
                    inputHtml += 'placeholder="Select City" value="{{ old('city_id', isset($edit->city->name) ? $edit->city->name : '') }}">';
                    $('#city_id').replaceWith(inputHtml);
                }
            });
        });
        
        
    </script>
@endsection