@extends('admin.layouts.admin')

@section('content')
    <div class="main-side">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="main-title mb-0">
                <div class="small">الرئيسية</div>
                <div class="large">مسودات العقود</div>
            </div>
            <div class="btn-holder">
                <a href="{{ route('admin.contract-drafts.create') }}" class="main-btn">
                    <i class="fas fa-plus"></i> إضافة مسودة
                </a>
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        <div class="table-responsive">
            <table class="table main-table border">
                <thead>
                    <tr>
                        <th>العنوان</th>
                        <th>العمليات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($drafts as $draft)
                        <tr>
                            <td>{{ $draft->title }}</td>
                            <td>
                                <div class="d-flex justify-content-center gap-1">
                                    <a href="{{ route('admin.contract-drafts.show', $draft->id) }}"
                                        class="btn btn-sm btn-purple">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    <a href="{{ route('admin.contract-drafts.edit', $draft->id) }}"
                                        class="btn btn-sm btn-info">
                                        <i class="fas fa-pen-to-square"></i>
                                    </a>
                                    <form action="{{ route('admin.contract-drafts.destroy', $draft->id) }}" method="POST"
                                        class="delete-form">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">
                                            <i class="fas fa-trash-can"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="2">لا توجد مسودات</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection

@push('js')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const deleteForms = document.querySelectorAll('.delete-form');
            
            deleteForms.forEach(form => {
                form.addEventListener('submit', function(e) {
                    e.preventDefault();
                    
                    Swal.fire({
                        title: 'هل أنت متأكد؟',
                        text: "لن تتمكن من التراجع عن هذا!",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'نعم، احذفه!',
                        cancelButtonText: 'إلغاء',
                        reverseButtons: true
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                });
            });
        });
    </script>
@endpush