@extends('backoffice.dashboard')

@section('title', 'تعديل قسم')

@section('content')

<section class="add-listing-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 mx-auto">
                <form action="{{ route('homepage-sections.update', $section->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="block-card mb-4">
                        <div class="block-card-header">
                            <h2 class="widget-title">تعديل القسم: {{ $section->section_key }}</h2>
                            <div class="stroke-shape"></div>
                        </div>

                        <div class="block-card-body">
                            <div class="form-group">
                                <label for="position" class="label-text">الترتيب</label>
                                <input type="number" 
                                       class="form-control pl-3 @error('position') is-invalid @enderror" 
                                       id="position" 
                                       name="position" 
                                       value="{{ old('position', $section->position) }}" 
                                       min="1"
                                       required>
                                @error('position')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="title_ar" class="label-text">العنوان (عربي)</label>
                                <input type="text" 
                                       class="form-control pl-3 @error('title_ar') is-invalid @enderror" 
                                       id="title_ar" 
                                       name="title_ar" 
                                       value="{{ old('title_ar', $section->title_ar) }}" 
                                       required>
                                @error('title_ar')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="title_fr" class="label-text">العنوان (Français)</label>
                                <input type="text" 
                                       class="form-control pl-3 @error('title_fr') is-invalid @enderror" 
                                       id="title_fr" 
                                       name="title_fr" 
                                       value="{{ old('title_fr', $section->title_fr) }}">
                                @error('title_fr')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="title_en" class="label-text">العنوان (English)</label>
                                <input type="text" 
                                       class="form-control pl-3 @error('title_en') is-invalid @enderror" 
                                       id="title_en" 
                                       name="title_en" 
                                       value="{{ old('title_en', $section->title_en) }}">
                                @error('title_en')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" 
                                           class="custom-control-input @error('is_visible') is-invalid @enderror" 
                                           id="is_visible" 
                                           name="is_visible" 
                                           value="1"
                                           {{ $section->is_visible ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="is_visible">مفعل</label>
                                </div>
                                @error('is_visible')
                                    <span class="invalid-feedback d-block"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>
                        </div>

                        <div class="block-card-footer d-flex justify-content-start px-3 pb-3">
                            <button type="submit" class="btn bg-rgb-primary1 font-weight-medium mr-2"> 
                                <i class="la la-save mr-1"></i> حفظ التغييرات
                            </button>                    
                            <a href="{{ route('homepage-sections.index') }}" class="btn bg-rgb-primary1 font-weight-medium">
                                <i class="la la-times mr-1"></i> إلغاء والعودة للقائمة
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>


@endsection