@extends('admin.layouts.master')
@section('breadcrumb')
    <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">المشاريع</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard.clients.index') }}">المشاريع</a>
                    </li>
                    <li class="breadcrumb-item active">تعديل
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section id="dom">
        <div class="row">
            <div class="col-12">
                @if (session('success'))
                    <div class="alert alert-icon-left alert-success alert-dismissible mb-2" role="alert">
                        <span class="alert-icon"><i class="fa fa-thumbs-o-up"></i></span>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <strong>تم بنجاح!</strong> {{ session('success') }}
                    </div>
                @endif
                <div class="card">
 
                    <div class="card-body">
                        @include('admin.projects.form', ['project' => $project])
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <script>
        function deleteImage(button) {
            if (!confirm('هل أنت متأكد أنك تريد حذف هذه الصورة؟')) {
                return;
            }
        
            const image = button.getAttribute('data-image');
            const projectId = button.getAttribute('data-project-id');
        
            fetch(`{{ url('dashboard/projects') }}/${projectId}/deleteImage`, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ image: image }),
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('تم حذف الصورة بنجاح');
                    button.parentElement.remove();
                } else {
                    alert('حدث خطأ أثناء حذف الصورة.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('حدث خطأ أثناء حذف الصورة.');
            });
        }
    </script>
@endpush