@extends('layouts.app')
@section('content')

    <div class="it-about-3-area p-relative pt-30 pb-125">
        <img class="it-about-shape-1" src="{{ asset('assets/img/shape/about-1-1.png') }}" alt="">
        <div class="container">
            <nav class="breadcrumb-nav" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ route('dashboard') }}">
                            <i class="bi bi-house-fill"></i>
                            <span>{{ __('site.financement.breadcrumb.home') }}</span>
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('site.financement.breadcrumb.current') }}</li>
                </ol>
            </nav>

            <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

            <div class="row">
                <div class="col-xl-12">
                    <div class="it-section-title-box text-center mb-30" style="padding-top:20px;">
                        <span class="it-section-subtitle">{{ __('site.financement.page.subtitle') }}</span>
                        <h4 class="it-section-title it-split-in-right mb-0">{{ __('site.financement.page.title') }}</h4>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="card shadow-sm p-4">

                        <div class="d-flex justify-content-end mb-4 gap-2">
                            <a class="btn btn-success" href="{{ route('stepper.create') }}">
                                <i class="la la-plus me-1"></i> {{ __('site.financement.buttons.add_new') }}
                            </a>
                            {{-- future button for drafts --}}
                            {{-- <a class="btn btn-orange" href="{{ route('doc_fin.brouillons') }}">
                                <i class="la la-file-alt me-1"></i> {{ __('site.financement.buttons.drafts') }}
                            </a> --}}
                        </div>

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

                        <div class="my-table table-responsive">
                            <table class="table align-items-center table-flush mb-0 table-hover" >
                                <thead class="thead-light">
                                   <tr>
                                        <th>{{ __('site.financement.table.id') }}</th>
                                        <th>{{ __('site.financement.table.project_name') }}</th>
                                        <th>{{ __('site.financement.table.supervisor') }}</th>
                                        <th>{{ __('site.financement.table.status_public_committee') }}</th>
                                        <th>{{ __('site.financement.table.actions') }}</th>
                                        <th>{{ __('site.financement.table.status_technical_committee') }}</th>
                                        <th>{{ __('site.financement.table.decision') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($documents as $index => $doc)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $doc->projet?->nom_projet ?? __('site.financement.messages.no_value') }}</td>
                                        <td>{{ $doc->projet?->superviseur?->nom_prenom_sup ?? __('site.financement.messages.no_value') }}</td>

                                        @php $s1 = $doc->id_statut1 ?? 2; @endphp
                                        <td>
                                            @if($s1 == 1)
                                                <button type="button" class="status-badge status-badge--success"  disabled>
                                                    {{ __('site.financement.status.accepted') }}
                                                </button>
                                            @elseif($s1 == 3)
                                                <button type="button" class="status-badge status-badge--danger"  disabled>
                                                    {{ __('site.financement.status.refused') }}
                                                </button>
                                            @elseif($s1 == 6)
                                                <button type="button" 
                                                        class="status-badge status-badge--pending" 
                                                        style="background-color: #dee2e6; border-color: #dee2e6; color:#000;" 
                                                        disabled>
                                                    {{ __('site.financement.status.draft') }}
                                                </button>
                                            @else
                                                <button type="button" class="status-badge status-badge--pending"  disabled>
                                                    {{ __('site.financement.status.pending') }}
                                                </button>
                                            @endif
                                        </td>

                                        <td style="white-space: nowrap; vertical-align: middle;">
                                            <div class="d-flex gap-2 justify-content-center align-items-center">
                                                {{-- View --}}
                                                <a href="{{ route('doc_fin.show', $doc->id_doc_list) }}"
                                                    class="btn-icon btn-icon--info"
                                                    title="{{ __('site.financement.actions.view') }}" aria-label="{{ __('site.financement.actions.view') }}">
                                                    <i class="la la-eye"></i>
                                                </a>

                                                @if($doc->id_statut1 == 6)
                                                    <button type="button" 
                                                            class="btn-icon btn-icon--warning"
                                                            onclick="confirmEdit('{{ route('doc_fin.edit', $doc->id_doc_list) }}')"
                                                            title="{{ __('site.financement.actions.edit') }}" aria-label="{{ __('site.financement.actions.edit') }}">
                                                        <i class="la la-edit"></i>
                                                    </button>
                                                  @endif   
                                                @if($doc->id_statut1 == 2 || $doc->id_statut1 == 6)
                                                    <form action="{{ route('doc_fin.destroy', $doc->id_doc_list) }}" method="POST" class="d-inline m-0 p-0">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="button"
                                                                onclick="confirmDelete(this.closest('form'))"
                                                                class="btn-icon btn-icon--danger"
                                                                title="{{ __('site.financement.actions.delete') }}" aria-label="{{ __('site.financement.actions.delete') }}">
                                                            <i class="la la-trash"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </div>
                                        </td>

                                        @php $s2 = $doc->id_statut2 ?? 2; @endphp
                                        <td>
                                            @if($doc->id_statut1 == 1)
                                                @if($s2 == 1)
                                                    <button type="button" class="status-badge status-badge--success"  disabled>
                                                        {{ __('site.financement.status.accepted') }}
                                                    </button>
                                                @elseif($s2 == 3)
                                                    <button type="button" class="status-badge status-badge--danger"  disabled>
                                                        {{ __('site.financement.status.refused') }}
                                                    </button>
                                                @else
                                                    <button type="button" class="status-badge status-badge--pending"  disabled>
                                                        {{ __('site.financement.status.pending') }}
                                                    </button>
                                                @endif
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>

                                        <!--td>
                                            @if($doc->id_statut1 == 1 && $s2 != 2 && !empty($doc->decision_finale))
                                                <button type="button" class="btn-icon btn-icon--warning" style="padding:10px 50px 10px 50px;"
                                                    onclick="window.open('{{ asset('storage/' . $doc->decision_finale) }}', '_blank')"
                                                    title="{{ __('site.financement.actions.print_decision') }}" aria-label="{{ __('site.financement.actions.print_decision') }}">
                                                    {{ __('site.financement.actions.print_decision') }}
                                                </button>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </!--td-->

                                        <td>
                                            @if($doc->id_statut1 == 1 && $s2 != 2 && !empty($doc->decision_finale))
                                                <button type="button"
                                                    class="btn-icon btn-icon--warning"
                                                    style="padding:10px 50px;"
                                                    onclick="window.open('{{ route('decision.show', $doc->id_doc_list) }}', '_blank')"
                                                    title="{{ __('site.financement.actions.print_decision') }}">
                                                    {{ __('site.financement.actions.print_decision') }}
                                                </button>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>



                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="7" class="text-center">{{ __('site.financement.messages.no_documents') }}</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        <div class="mt-3">
                            {{ $documents->links('pagination::bootstrap-5') }}
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    // translated labels for confirmations
    const confirmEditTitle = @json(__('site.financement.confirm.edit'));
    const confirmDeleteTitle = @json(__('site.financement.confirm.delete'));
    const confirmYes = @json(__('site.financement.confirm.yes'));
    const confirmCancel = @json(__('site.financement.confirm.cancel'));

    function confirmEdit(url) {
        Swal.fire({
            title: confirmEditTitle,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: confirmYes,
            cancelButtonText: confirmCancel
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        });
    }

    function confirmDelete(form) {
        Swal.fire({
            title: confirmDeleteTitle,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: confirmYes,
            cancelButtonText: confirmCancel
        }).then((result) => {
            if (result.isConfirmed) {
                form.submit();
            }
        });
    }
</script>

<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">

<script src="{{ asset('assets/js/index.js') }}"></script>
{{-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> --}}
@endsection