@extends('layout.mainlayout_admin')
@section('content')
    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">

            <!-- Page Header -->
            {{-- <div class="page-header">
                <div class="row align-items-center">
                    <div class="col">
                        <h3 class="page-title">Users</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index_admin">Home</a></li>

                            <li class="breadcrumb-item active"> <a href="/admin/user">Utilisateurs</a></li>




                        </ul>
                    </div>
                    <div class="col-auto">
                        <a href="#" class="btn add-button me-2" data-bs-toggle="modal" data-bs-target="#add-category">
                            <i class="fas fa-plus"></i>
                        </a>
                        <a class="btn filter-btn" href="javascript:void(0);" id="filter_search">
                            <i class="fas fa-filter"></i>
                        </a>
                    </div>
                </div>
            </div> --}}
            <!-- /Page Header -->

            <!-- Search Filter -->
            <div class="card filter-card" id="filter_inputs">
                <div class="card-body pb-0">
                    <form action="/admin/user/search" method="get">
                        <div class="row filter-row">
                            <div class="col-sm-6 col-md-3">
                                <div class="form-group">
                                    <label>Prénom</label>
                                    <input class="form-control"value="{{ old('first_name') }}" name="first_name" type="text">
                                </div>
                            </div>




                            <div class="col-sm-6 col-md-3">
                                <div class="form-group">
                                    <label>Nom</label>
                                    <input class="form-control" name="last_name" value="{{ old('last_name') }}" type="text">
                                </div>
                            </div>



                            <div class="col-sm-6 col-md-3">
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="email"  value="{{ old('email') }}" name="email" class="form-control">
                                </div>
                            </div>


                            <div class="col-sm-6 col-md-3">
                                <div class="form-group">
                                    <button class="btn btn-primary btn-block" type="submit">Chercher</button>
                                </div>
                            </div>












                        </div>
                    </form>
                </div>
            </div>
            <!-- /Search Filter -->

            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-center table-hover mb-0 datatable">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>Image</th>
                                            <th>Email</th>
                                            <th>Expertise</th>
                                            <th>Joined date</th>
                                            <th class="text-end">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user)
                                            <tr>
                                                <td>
                                                    <div class="form-check custom-checkbox">
                                                        <input type="checkbox" class="form-check-input" id="customCheck1">
                                                        <label class="form-check-label" for="customCheck1"></label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <h2 class="table-avatar">
                                                        <a href="profile"><img class="me-2 rounded-circle"
                                                                src="{{ '/uploads/images/avatars/' . $user->avatar }}"
                                                                alt="User Image">
                                                            {{ $user->first_name . ' ' . $user->last_name }}
                                                        </a>
                                                    </h2>
                                                </td>
                                                <td>{{ $user->email }}</td>
                                                <td>
                                                    <button class="btn table-btn">



                                                        {{$user->entity}}
                                                        {{-- @if ($user->role == 'admin')
                                                            {{ 'Administrateur' }}
                                                        @else
                                                            {{ 'Animateur' }}
                                                        @endif --}}

                                                    </button>
                                                </td>
                                                <td>{{ $user->created_at }}</td>
                                                <td class="text-end">
                                                    <a href="{{'/admin/user/'.$user->id.'/edit'}}" class="btn btn-sm btn-secondary me-2"> <i class="far fa-edit"></i></a>

                                                    <a href="javascript:void(0);" id="{{ $user->id }}"
                                                        onclick="delete_button(this.id)" class="btn btn-sm btn-danger"><i
                                                            class="far fa-trash-alt"></i></a>


                                                    <div class="collapse">
                                                        {!! Form::open(['id' => 'delete-user', 'url' => 'admin/user/' . $user->id]) !!}
                                                        {{ Form::hidden('_method', 'DELETE') }}
                                                        <button type="submit" class="btn btn-danger btn-ok">Delete</button>
                                                        {!! Form::close() !!}
                                                    </div>


                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- /Page Wrapper -->
    </div>

    <div class="collapse">
        {!! Form::open(['id' => 'delete-user', 'url' => 'admin/user/']) !!}
        {{ Form::hidden('_method', 'DELETE') }}
        <button onclick="delete()" class="btn btn-danger btn-ok">Delete</button>
        {!! Form::close() !!}
    </div>


    <!-- /Main Wrapper -->

    <!-- Add Modal -->
    <div class="modal fade custom-modal" id="add-category">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">

                <div class="modal-header flex-wrap">
                    <div class="text-center w-100 mb-3">
                        <img src="../assets_admin/img/logo-small.png" alt="">
                    </div>
                    <h4 class="modal-title">Ajouter un nouvel utilisateur</h4>
                    <button type="button" class="close" data-bs-dismiss="modal"><span>&times;</span></button>
                </div>

                <div class="modal-body">
                    {!! Form::open(['url' => 'admin/user/', 'id' => 'user-add-form', 'files' => true]) !!}
                    {{ Form::hidden('_method', 'POST') }}
                    {{ csrf_field() }}

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Prénom</label>
                                <input type="text" name="first_name" class="form-control">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Nom</label>
                                <input type="text" name="last_name" class="form-control">

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



                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Email</label>
                                <input type="email" name="email" class="form-control">
                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Mot de passe</label>
                                <input type="password" name="password" class="form-control">
                            </div>
                        </div>

                    </div>



                    <div class="form-group">
                        <label>Rôle</label>
                        <select name="role" class="form-control form-select">
                            <option value="animator">Animateur</option>
                            <option value="animator">Admin</option>
                        </select>
                    </div>


                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Address</label>
                                <input type="text" name="address" value="{{ $user->address }}" class="form-control">
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Phone number</label>
                                <input type="text" name="phone" value="{{ $user->phone }}" class="form-control">
                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-lg-5 col-md-6">
                            <div class="form-group">
                                <div class="status-toggle d-flex justify-content-between align-items-center">
                                    <p class="mb-0">Réservation</p>
                                    <input type="checkbox" name="booking" id="status_1" class="check">
                                    <label for="status_1" class="checktoggle">checkbox</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-5 col-md-6">
                            <div class="form-group">
                                <div class="status-toggle d-flex justify-content-between align-items-center">
                                    <p class="mb-0">R.Chance</p>
                                    <input type="checkbox" name="spinToWin" id="status_2" class="check">
                                    <label for="status_2" class="checktoggle">checkbox</label>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary btn-block">Submit</button>
                    </div>

                    {!! Form::close() !!}

                </div>
            </div>
        </div>
    </div>
    <!-- Add Modal -->





    <!-- Add Modal -->
    <div class="modal fade custom-modal" id="edit-category">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">

                <div class="modal-header flex-wrap">
                    <div class="text-center w-100 mb-3">
                        <img src="../assets_admin/img/logo-small.png" alt="">
                    </div>
                    <h4 class="modal-title">Edit User</h4>
                    <button type="button" class="close" data-bs-dismiss="modal"><span>&times;</span></button>
                </div>

                <div class="modal-body" id="edit_user_body">

                </div>
            </div>
        </div>
    </div>
    <!-- Add Modal -->








    <!-- Delete Modal -->
    <div class="modal custom-modal fade" id="delete_category" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="form-header">
                        <h3>Effacer</h3>
                        <p>Êtes-vous sûr de vouloir supprimer?</p>
                    </div>
                    <div class="modal-btn delete-action">
                        <div class="row">
                            <div class="col-6">
                                <a href="javascript:void(0);" class="btn btn-primary continue-btn"> Effacer</a>
                            </div>
                            <div class="col-6">
                                <a href="javascript:void(0);" data-bs-dismiss="modal"
                                    class="btn btn-primary cancel-btn">Cancel</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /Delete Modal -->
@endsection





@section('scripts')
    @parent









    <script type="text/javascript">
        var delete_button = function(id) {



            // console.log(id);
            swal({
                title: "Êtes-vous sûr?",
                text: "Cet utilisateur sera supprimé pour toujours.",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn btn-info btn-fill",
                confirmButtonText: "Oui, supprimez-le!",
                cancelButtonClass: "btn btn-danger btn-fill",
                closeOnConfirm: false,
            }, function() {
                $('form#delete-user').attr('action', "/admin/user/" + id);

                $('form#delete-user').submit();
            });
        }






        function reply_click(clicked_id) {
            console.log('/admin/user/' + clicked_id);
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: 'GET',
                url: '/admin/user/' + clicked_id + '/edit',
                // dataType: 'json',

                success: function(data) {
                    // console.log(data)
                },
            }).then(data => {
                // console.log("***********************",data)
                $('#edit_user_body').html(data);
                $('#edit-category').modal("show");




            }).fail(error => {
                // var xhr = $.ajax();
                // console.log(xhr);
                console.error("errooooor", error);
            });

        }
    </script>



@if(count($errors) > 0)
@if (Session::get('update_error'))

<script>
    $(function() {
        reply_click({{$award->id}});
        // $('#edit-category').modal('show');

    });
    </script>
@else



<script>
    $(function() {
        $('#add-category').modal('show');

    });
    </script>



@endif
@endif

@endsection