@extends("layouts.dashboard")

@section("wrapper")
<div class="page-wrapper">
    @include("layouts.second-header")

    <div class="card">
        <div class="card-header bg-rouge d-flex justify-content-sm-start align-items-center" style="margin-top: -30px;">
            <div class="d-flex align-items-center" style="margin-right: 1.5rem !important;">
                <a href="{{ \Illuminate\Support\Facades\URL::previous() }}" class="btn mr-4 text-white">
                    <i class="lni lni-chevron-left"></i>@lang("Retour")
                </a>

                <h4 class="mb-0 text-white"><i class="{{$icon}}"></i>@lang("Liste") {{ $title ?? "Titre" }} </h4>
            </div>
            <div class="col-4 d-flex justify-content-sm-center align-items-center">
                <div style="margin-left: 5px;margin-top: 5px">
                    <h7 class="ml-5 text-white">{{ $factures->total() }} @lang("Enregistrement")</h7>
                </div>
            </div>
            <div class="col-4 d-flex justify-content-sm-end align-items-end">
                <a href="{{ route("facture_a.index") }}" class="btn text-white">
                    <i class="lni lni-list"></i>@lang("Liste")
                </a>

            </div>
        </div>
    </div>
    @include("layouts.alert")

    <div class="card">
        <div class="card-body bg-primary p-1">
            <div class="row m-0">
                <form class="row" action="{{ route("facture_a.index") }}" method="GET">
                    <div class="col p-0">
                        <input type="text" id="libelle" name="libelle" class="form-control search-slt"
                            placeholder="@lang("libelle")" value="{{ request()->input('libelle') }}">
                    </div>
                    <div class="col p-0">
                        <input type="date" id="datedebut" name="datedebut" value="{{ request()->input('datedebut') }}"
                            class="form-control search-slt" placeholder="@lang(" datedebut")">
                    </div>
                    <div class="col p-0">
                        <input type="date" id="datefin" name="datefin" value="{{ request()->input('datefin') }}"
                            class="form-control search-slt" placeholder="@lang(" datefin")">
                    </div>
                    <div class="col p-0">
                        <select id="statut" name="statut" class="form-control search-slt select2">
                            <option value="" @if(request()->input('statut')==null) selected @endif>@lang("Statut")
                            </option>
                            <option value="1" @if(request()->input('statut')== "1") selected @endif>@lang("Activer")
                            </option>
                            <option value="0" @if(request()->input('statut')== "0") selected @endif>@lang("Désactiver")
                            </option>
                        </select>
                    </div>
                    <div class="col-auto p-0">
                        <button type="submit" class="btn btn-primary wrn-btn radius-0"><i
                                class="fa fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>
        <hr>

        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered">
                    <thead>
                        <tr>

                            <th>@lang("libelle")</th>

                            <th>Actions</th>


                        </tr>
                    </thead>
                    <tbody>
                        @if(count($factures) > 0)
                        @foreach($factures as $facture)
                        <tr style="color: @if($facture->active == 1) @else @endif">
                            <td>{{$facture->libelle}}</td>

                            <td class="fit" data-url="{{ route("facture_a.statut",$facture) }}">

                                <a target="_blank" href="facture/{{ $facture->fichier->nom }}" class="fas fa-download">
                                </a>
                                @can('facture_a.statut')
                                @if($facture->active == 1)
                                <button type="button" data-toggle="modal" data-target="#exampleModal"
                                    class="btn text-danger mr-sm-2" onclick="confirmAction(this)" data-toggle="tooltip"
                                    data-placement="top" title="@lang(" Desactiver")">
                                    <span class="fa fa-ban"></span>@lang("Desactiver")
                                </button>
                                @else
                                <button type="button" data-toggle="modal" data-target="#exampleModal"
                                    class="btn text-success mr-sm-2" onclick="confirmAction(this)" data-toggle="tooltip"
                                    data-placement="top" title="@lang("Activer")">
                                    <span class="fa fa-check"></span>@lang("Activer")
                                </button>
                                @endif
                                @endcan
                            </td>
                        </tr>
                        @endforeach
                        @else

                        <tr>
                            <th colspan="6" class="text-center">@lang("listeempty")</th>
                        </tr>
                        @endif

                    </tbody>


                </table>
                <div class="d-flex justify-content-center" class="pagination-block">

                    {{ $factures->appends(request()->input())->links('layouts.paginationlinks') }}
                </div>
            </div>
        </div>
    </div>



    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">@lang("Confirmation")</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" id="statutForm">
                    @csrf
                    @method("put")
                    <div class="modal-body">
                        <p>
                            @lang("QuestionConfirmation")
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal"> @lang("Non")</button>
                        <button class="btn btn-primary">@lang("Oui")</button>
                    </div>
                </form>
            </div>

        </div>
    </div>

</div>

@endsection