@extends('layouts.master')
@section('title', 'تعديل موزع حصري')

@section('css')
<style>
    .form-card{
        background:#fff;
        border-radius:15px;
        box-shadow:0 2px 10px rgba(0,0,0,.05);
        padding:25px
    }
    .section-title{
        font-size:16px;
        font-weight:600;
        color:#0d6efd;
        margin-bottom:15px;
        border-bottom:2px solid #e9ecef;
        padding-bottom:5px
    }
</style>
@endsection

@section('page-header')
<div class="page-header py-3 px-3 mt-3 mb-3 bg-white shadow-sm rounded-3 border d-flex justify-content-between align-items-center" style="direction:rtl">
    <div>
        <h4 class="fw-bold text-primary"><i class="bx bx-store"></i> تعديل موزع حصري</h4>
        <small class="text-muted">تعديل بيانات الموزع الحصري</small>
    </div>
    <a href="{{ route('exclusive-distributors.index') }}" class="btn btn-secondary btn-sm">
        <i class="bx bx-arrow-back"></i> رجوع
    </a>
</div>
@endsection

@section('content')
<div class="card shadow-sm">
    <div class="card-body">

        <form action="{{ route('exclusive-distributors.update', $exclusiveDistributor->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            {{-- العنوان --}}
            <h6 class="mb-3 text-primary">العنوان</h6>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">العنوان (عربي)</label>
                    <input type="text" name="title_ar" class="form-control" value="{{ old('title_ar', $exclusiveDistributor->title_ar) }}" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="form-label">العنوان (إنجليزي)</label>
                    <input type="text" name="title_en" class="form-control" value="{{ old('title_en', $exclusiveDistributor->title_en) }}">
                </div>
            </div>

            {{-- العنوان الفرعي --}}
            <h6 class="mb-3 text-primary">العنوان الفرعي</h6>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <input type="text" name="subtitle_ar" class="form-control"
                           placeholder="العنوان الفرعي (عربي)" value="{{ old('subtitle_ar', $exclusiveDistributor->subtitle_ar) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <input type="text" name="subtitle_en" class="form-control"
                           placeholder="Subtitle (English)" value="{{ old('subtitle_en', $exclusiveDistributor->subtitle_en) }}">
                </div>
            </div>

            {{-- الوصف --}}
            <h6 class="mb-3 text-primary">الوصف</h6>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <textarea name="description_ar" class="form-control" rows="4"
                              placeholder="الوصف بالعربية">{{ old('description_ar', $exclusiveDistributor->description_ar) }}</textarea>
                </div>

                <div class="col-md-6 mb-3">
                    <textarea name="description_en" class="form-control" rows="4"
                              placeholder="Description in English">{{ old('description_en', $exclusiveDistributor->description_en) }}</textarea>
                </div>
            </div>

            {{-- الصورة --}}
            <div class="mb-3">
                <label class="form-label">الصورة</label>
                @if($exclusiveDistributor->image)
                    <div class="mb-2">
                        <img src="{{ asset('storage/' . $exclusiveDistributor->image) }}" alt="صورة" width="120">
                    </div>
                @endif
                <input type="file" name="image" class="form-control">
            </div>

            {{-- التفعيل --}}
            <div class="form-check mb-4">
                <input class="form-check-input" type="checkbox" name="is_active" value="1" {{ old('is_active', $exclusiveDistributor->is_active) ? 'checked' : '' }}>
                <label class="form-check-label">مفعل</label>
            </div>

            {{-- أزرار --}}
            <button class="btn btn-primary">حفظ التعديلات</button>
            <a href="{{ route('exclusive-distributors.index') }}" class="btn btn-secondary">
                رجوع
            </a>

        </form>

    </div>
</div>
@endsection