@extends('admin.layouts.app')

@section('content')

<form method="POST" id="location-form" action="{{ isset($trainingLocation) && $trainingLocation->id ? route('admin.training-locations.update', $trainingLocation->id) : route('admin.training-locations.store') }}">
    @csrf
    @if(isset($trainingLocation) && $trainingLocation->id)
    @method('PUT')
    @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
                <h4 class="mb-sm-0">{{ isset($trainingLocation) && $trainingLocation->id ? __('admin/traininglocations.edit_location') : __('admin/traininglocations.create_location') }}</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('admin/traininglocations.breadcrumb.locations') }}</a></li>
                        <li class="breadcrumb-item active">{{ isset($trainingLocation) && $trainingLocation->id ? __('admin/traininglocations.breadcrumb.edit') : __('admin/traininglocations.breadcrumb.create') }}</li>
                    </ol>
                </div>
            </div>

            <!-- Menu bar -->
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2">
                            <div class="flex-grow-1">
                                <a href="{{ route('admin.training-locations.index') }}" class="btn btn-light me-2">{{ __('admin/traininglocations.actions.close') }}</a>
                                <button type="submit" class="btn btn-info add-btn" id="savelocation" data-bs-loading-text="{{ __('admin/traininglocations.system.saving') }}">
                                    <i class="ri-save-line me-1 align-bottom"></i> {{ __('admin/traininglocations.actions.save') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Contenu principal -->
                <div class="col-lg-8">
                    <!-- Informations du lieu -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/traininglocations.location_info.title') }}</h5>
                        </div>
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="form-label" for="name">{{ __('admin/traininglocations.location_info.name.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('name') is-invalid @enderror"
                                            id="name" name="name"
                                            placeholder="{{ __('admin/traininglocations.location_info.name.placeholder') }}"
                                            value="{{ old('name', isset($trainingLocation) ? $trainingLocation->name : '') }}">
                                        @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class="mb-3">
                                        <label class="form-label" for="address">{{ __('admin/traininglocations.location_info.address.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('address') is-invalid @enderror"
                                            id="address" name="address"
                                            placeholder="{{ __('admin/traininglocations.location_info.address.placeholder') }}"
                                            value="{{ old('address', isset($trainingLocation) ? $trainingLocation->address : '') }}">
                                        @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label class="form-label" for="number">{{ __('admin/traininglocations.location_info.number.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('number') is-invalid @enderror"
                                            id="number" name="number"
                                            placeholder="{{ __('admin/traininglocations.location_info.number.placeholder') }}"
                                            value="{{ old('number', isset($trainingLocation) ? $trainingLocation->number : '') }}">
                                        @error('number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label class="form-label" for="zipcode">{{ __('admin/traininglocations.location_info.zipcode.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('zipcode') is-invalid @enderror"
                                            id="zipcode" name="zipcode"
                                            placeholder="{{ __('admin/traininglocations.location_info.zipcode.placeholder') }}"
                                            value="{{ old('zipcode', isset($trainingLocation) ? $trainingLocation->zipcode : '') }}">
                                        @error('zipcode')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class="mb-3">
                                        <label class="form-label" for="city">{{ __('admin/traininglocations.location_info.city.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('city') is-invalid @enderror"
                                            id="city" name="city"
                                            placeholder="{{ __('admin/traininglocations.location_info.city.placeholder') }}"
                                            value="{{ old('city', isset($trainingLocation) ? $trainingLocation->city : '') }}">
                                        @error('city')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="form-label" for="country">{{ __('admin/traininglocations.location_info.country.label') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('country') is-invalid @enderror"
                                            id="country" name="country"
                                            placeholder="{{ __('admin/traininglocations.location_info.country.placeholder') }}"
                                            value="{{ old('country', isset($trainingLocation) ? $trainingLocation->country : __('admin/traininglocations.location_info.country.placeholder')) }}" required>
                                        @error('country')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Sidebar -->
                <div class="col-lg-4">
                    <!-- Statut et options -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/traininglocations.configuration.title') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <div class="form-check form-switch form-switch-md">
                                    <input class="form-check-input" type="checkbox" name="is_active" id="activeswitch" value="1"
                                        {{ old('is_active', (isset($trainingLocation) ? $trainingLocation->is_active : true)) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="activeswitch">
                                        {{ __('admin/traininglocations.configuration.active_location') }}
                                    </label>
                                </div>
                                <small class="text-muted">
                                    {{ __('admin/traininglocations.configuration.inactive_locations_help') }}
                                </small>
                            </div>
                        </div>
                    </div>

                    @if(isset($trainingLocation) && $trainingLocation->id)
                    <!-- Informations -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/traininglocations.information.title') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-2">
                                <small class="text-muted">{{ __('admin/traininglocations.information.linked_trainings') }}</small>
                                <div><span class="badge bg-primary-subtle text-primary">{{ $trainingLocation->trainings()->count() }}</span></div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">{{ __('admin/traininglocations.information.created_at') }}</small>
                                <div>{{ $trainingLocation->created_at->format(__('admin/traininglocations.date_format.full')) }}</div>
                            </div>
                            <div class="mb-2">
                                <small class="text-muted">{{ __('admin/traininglocations.information.updated_at') }}</small>
                                <div>{{ $trainingLocation->updated_at->format(__('admin/traininglocations.date_format.full')) }}</div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Aide -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/traininglocations.help.title') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="alert alert-info">
                                <i class="ri-information-line me-2"></i>
                                <strong>{{ __('admin/traininglocations.help.tips_title') }}</strong><br>
                                • {{ __('admin/traininglocations.help.tip_1') }}<br>
                                • {{ __('admin/traininglocations.help.tip_2') }}<br>
                                • {{ __('admin/traininglocations.help.tip_3') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

@endsection

@push('script')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const validator = new MultilingualFormValidator({
        formId: 'location-form',
        submitBtnId: 'savelocation',
        
        // Champs multilingues requis (title_fr, title_en, content_fr, content_en, etc.)
        fields: [],
        
        // Champs simples requis (si vous en avez)
        singleFields: ['name', 'address', 'number', 'zipcode', 'city', 'country'],
        
        alertMessage: "{{ __('admin/traininglocations.errors.fill_all_required_fields') }}",
        loadingText: "{{ __('admin/traininglocations.system.saving') }}",
        debug: false,
        
        onBeforeSubmit: function() {

        }
    });  
    
});    
</script>
@endpush