@extends('layouts.master')
@section('breadcrumb')
    @include('components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => route("home"),
        ]
    ], 'active' =>  __(@$title)])
@endsection

@section('content')
    <style>
        .bg-primary {
            background: linear-gradient(90deg, #000, #fff) !important;
        }
    </style>
    <div class="body-wrapper">

        <div class="table-area">
            <div class="dashboard-header-wrapper">
                <h4 class="title">{{ $title }}</h4>
                <div class="dashboard-btn-wrapper">
                    @can("ticketsclients-create")

                        <div class="dashboard-btn">
                            <a class="btn btn-primary" href="{{ route("ticketsclients.create") }}">@lang("Ajouter")</a>
                        </div>
                    @endcan
                </div>
            </div>
            @include("layouts.alert")

            <div class="row m-0">
                <form class="row  col-12 text-center" action="{{ route('ticketsclients.index') }}" method="GET">
                    @if(\Illuminate\Support\Facades\Auth::user()->pays_id ==null)
                        <div class="col p-0">
                            <select id="pays_id" name="pays_id" class="form-control search-slt select2">
                                <option value="">@lang("pays_id")</option>
                                @foreach ($payss as $pays)
                                    {{request()->input('pays_id')==$pays->id}}
                                    <option value="{{$pays->id}}"
                                            @if(request()->input('pays_id')== $pays->id) selected @endif>{{$pays->libelle??""}}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                        <div class="col p-0">
                            <input type="text" id="login" name="login" class="form-control search-slt" placeholder="@lang("numeroclient")" value="{{ request()->input('login') }}">
                        </div>
                    <div class="col p-0">
                        <select id="statutticketclient_id" name="statutticketclient_id" class="form-control search-slt select2">
                            <option value="">@lang("statutticketclient_id")</option>
                            @foreach ($statutticketclients as $statutticketclient)
                                {{request()->input('statutticketclient_id')==$statutticketclient->id}}
                                <option value="{{$statutticketclient->id}}"
                                        @if(request()->input('statutticketclient_id')== $statutticketclient->id) selected @endif>{{$statutticketclient->libelle??""}}</option>
                            @endforeach
                        </select>
                    </div>
                        <div class="col p-0">
                        <select id="typetickets_id" name="typetickets_id" class="form-control search-slt select2">
                            <option value="">@lang("typetickets_id")</option>
                            @foreach ($typeticketclients as $typeticketclient)
                                {{request()->input('typetickets_id')==$typeticketclient->id}}
                                <option value="{{$typeticketclient->id}}"
                                        @if(request()->input('typetickets_id')== $typeticketclient->id) selected @endif>{{$typeticketclient->libelle??""}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-2 p-0">
                        <button type="submit" class="btn btn-primary wrn-btn radius-0"><i class="fa fa-search"></i>
                        </button>
                    </div>
                </form>


                <div class="card-body">
                    <div class="table-wrapper">
                        <div class="table-responsive">
                            <table class="custom-table">
                                <thead>
                                <tr>

                                    <th>@lang("title")</th>
                                    <th>@lang("typetickets_id")</th>
                                    <th>@lang("date_ouverture")</th>

                                    <th>@lang("client_id")</th>
                                    <th>@lang("date_cloture")</th>
                                    <th>@lang("statut_ticket_client_id")</th>
                                    <th>@lang("Actions")</th>


                                </tr>
                                </thead>
                                <tbody>
                                @if(count($ticketsclientss) > 0)
                                    @foreach($ticketsclientss as $ticketsclients)
                                        <tr style="color: @if($ticketsclients->active == 1) @else @endif">
                                            <td>{{$ticketsclients->title??""}}</td>
                                            <td>{{$ticketsclients->typeticket->libelle??""}}</td>
                                            <td>{{$ticketsclients->date_ouverture??""}} </td>

                                            <td>{{$ticketsclients->user->nom??""}} {{$ticketsclients->user->prenoms??""}} ({{$ticketsclients->user->login??""}})</td>
                                            <td>{{$ticketsclients->date_cloture??""}}</td>
                                            @if($ticketsclients->statutTicketClient->id== config('appconstants.statut_ticket.ouvert'))
                                                <td><span
                                                        class=" badge badge--primary">{{ $ticketsclients->statutTicketClient->libelle??"" }}</span>
                                                </td>
                                            @else
                                                <td><span
                                                        class=" badge badge--success">{{ $ticketsclients->statutTicketClient->libelle??"" }}</span>
                                                </td>
                                            @endif

                                            <td class="fit">

                                                <a href="{{ route('ticketsclients.show',$ticketsclients->id) }}"
                                                   class="btn btn-secondary" data-toggle="tooltip" data-placement="top"
                                                   title="Voir"><span class="fa fa-eye"></span></a>
                                                @can('ticketsclients-edit')
                                                    @if($ticketsclients->statut_ticket_client_id == config('appconstants.statut_ticket.ouvert'))
                                                        <a href="{{ route('ticketsclients.edit',$ticketsclients->id) }}"
                                                           class="btn btn-primary" data-toggle="tooltip"
                                                           data-placement="top" title="Modifier"><span
                                                                class="fa fa-edit"></span></a>
                                                    @endif
                                                @endcan
                                                </td>
                                        </tr>
                                    @endforeach
                                @else

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

                                </tbody>


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

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


                <!-- Modal -->
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                     style="position:fixed;top:20%; ;transform:translate(-50%;-50%)" 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="statutForm1">
                                @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>
            <script>
                $(document).ready(function () {
                    window.confirmActionstatut = function (input, action, id) {
                        var url = $(input).closest("td").attr("data-url");
                        // Ajoutez ici une vérification de l'action

                        url = '{{ route("ticketsclients.cloturer", [":id", ":action"]) }}';
                        url = url.replace(':id', id).replace(':action', action);

                        $("#statutForm1").prop("action", url);
                    }
                });

            </script>
@endsection