@extends('admin.layouts.master')
@section('css')
    {{-- Use form assets (lighter) instead of full table assets; includes Select2 styles --}}
    @include('admin.helper.formscss')
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"> تعديل وكيل </h4>
            </div>
        </div>
        <div class="d-flex my-xl-auto right-content">
            <a href="{{ route('admin.agents.index') }}" class="btn btn-secondary">
                <x-lucide-arrow-right width="20" height="20" /> العودة للقائمة
            </a>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <!-- row -->
    <div id='blogId'>
        <div>

            <div class="row">
                <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">

                    <form id='newuser'>
                        <div class="card">
                            <div class="card-body">
                                <div class="main-content-label mg-b-5">
                                    تعديل وكيل
                                </div>
                                <input required class="form-control" name="id" value="{{ $agent->id }}"
                                    type="hidden">

                                <div class="row row-sm">

                                    <div class="col-lg-4 mt-2">
                                        <label class="form-label"> الاسم </label>
                                        <input required class="form-control" name="name" value="{{ $agent->name }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <label class="form-label"> رقم التليفون </label>
                                        <input required class="form-control" name="phone" value="{{ $agent->phone }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <label class="form-label"> العنوان </label>
                                        <input required class="form-control" name="address" value="{{ $agent->address }}"
                                            type="text">
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <label class="form-label"> الصوره </label>
                                        @if ($agent->image)
                                            <div class="mb-2">
                                                <img src="{{ $agent->image }}" alt="صورة الوكيل"
                                                    style="width: 80px; height: 80px; border-radius: 8px; object-fit: cover;">
                                            </div>
                                        @endif
                                        <input class="form-control" name="image" type="file"
                                            accept="image/jpeg,image/png,image/jpg,image/gif,image/webp">
                                    </div>
                                    <div class="col-lg-12 mt-3">
                                        <textarea id="elm1" name="note"> {{ $agent->note ?? ' ' }}  </textarea>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary mt-3 mb-0"> تعديل </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- row closed -->
        </div>
        <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection

@section('js')
    {{-- Include form scripts (TinyMCE, Select2, modal, form elements) --}}
    @include('admin.helper.formscripts')
    @include('vue')
    <script>
        $(function() {
            $('#newuser').on('submit', function(e) {
                e.preventDefault();

                // التحقق من صحة البيانات
                let name = $('input[name="name"]').val();
                let phone = $('input[name="phone"]').val();
                let address = $('input[name="address"]').val();

                if (!name || !phone || !address) {
                    Swal.fire('خطأ', 'يرجى ملء جميع الحقول المطلوبة', 'error');
                    return;
                }

                let formData = new FormData(document.getElementById('newuser'));
                const content = tinymce.get('elm1').getContent();
                formData.append('note', content);
                adawe('{{ route('admin.agents.update') }}', formData)
            });

        });
        $(function() {
            $('.select2').select2()
        });
    </script>
@endsection