@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">{{ $menupaiements->total() }} @lang("Enregistrement")</h7></div>
                </div>
                <div class="col-4 d-flex justify-content-sm-end align-items-end">
                    <a href="@if(Auth::user()->annonceur_id!=null){{ route("menupaiement.index") }}@else{{ route("menupaiement_a.index") }} @endif" 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="@if(Auth::user()->annonceur_id!=null){{ route("menupaiement.index") }}@else{{ route("menupaiement_a.index") }} @endif" method="GET">
                    <div class="col p-0">
			<select id="moyenpaiement_id" name="moyenpaiement_id" class="form-control search-slt select2">
				<option value="">@lang("Moyen paiement")</option>
				@foreach ($moyenpaiements as $moyenpaiement)
				{{request()->input('moyenpaiement_id')==$moyenpaiement->id}}
				<option value="{{$moyenpaiement->id}}" @if(request()->input('moyenpaiement_id')== $moyenpaiement->id) selected @endif>{{$moyenpaiement->libelle}}</option>
				@endforeach
			</select>
		</div>
        <div class="col p-0">
			<select id="statutpaiement_id" name="statutpaiement_id" class="form-control search-slt select2">
				<option value="">@lang("Statut paiement")</option>
				@foreach ($statutpaiements as $statutpaiement)
				{{request()->input('statutpaiement_id')==$statutpaiement->id}}
				<option value="{{$statutpaiement->id}}" @if(request()->input('statutpaiement_id')== $statutpaiement->id) selected @endif>{{$statutpaiement->libelle}}</option>
				@endforeach
			</select>
		</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("Annonce")</th>
                                      <th >@lang("Annonceur")</th>
                                      <th >@lang("Montant")</th>
                                      <th >@lang("Moyen paiement")</th>
                                      <th >@lang("Statut paiement")</th>
                            <th>Actions</th>


                        </tr>
                        </thead>
                        <tbody>
                        @if(count($menupaiements) > 0)
                            @foreach($menupaiements as $menupaiement)

                                <tr style="color: @if($menupaiement->active == 1) @else @endif" >
                                    <td >{{$menupaiement->annonce->libelle}}</td>
                                    <td >{{$menupaiement->annonceur->nom_prenoms_contact}}</td>
                                    <td >{{$menupaiement->montant}}</td>
                                    <td >{{$menupaiement->moypaiement->libelle}}</td>
                                    <td >{{$menupaiement->statutpaiement->libelle}}</td>

                                    <td class="fit" data-url="@if(Auth::user()->annonceur_id!=null){{ route("menupaiement.statut", $menupaiement) }}@else{{ route("menupaiement_a.statut", $menupaiement) }} @endif">

                                        <a href="@if(Auth::user()->annonceur_id!=null){{ route("menupaiement.show", $menupaiement) }}@else{{ route("menupaiement_a.show", $menupaiement) }} @endif" class="btn text-primary"><span class="fa fa-eye"></span>@lang("Afficher") </a>

                                        @if($menupaiement->statutpaiement_id == 1 || $menupaiement->statutpaiement_id == 2)
                                      <a href="@if(Auth::user()->annonceur_id!=null){{ route("menupaiement.edit", $menupaiement) }}@else{{ route("menupaiement_a.edit", $menupaiement) }} @endif" class="btn text-secondary"><span class="fa fa-pencil"></span>@lang("Valider") </a>
                                      @endif
                                     @if($menupaiement->statutpaiement_id == 1 || $menupaiement->statutpaiement_id == 2)
                                       @can('menupaiement-statut')

                                            <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("Annuler")">
                                                <span class="fa fa-ban"></span>@lang("Annuler")
                                            </button>

                                        @endcan
                                        @endif
                                    </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">

                        {{  $menupaiements->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