@extends('backoffice.admin.layout')
@section('content')
@php
    $user = user();
@endphp
<div class="row">
    <div class="col-md-5">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">Ajouter un administrateur</h4>

                </div>
            </div>
            <div class="iq-card-body">
                <form action="{{route('admin.settings.users.managers.store')}}" method="POST" >@csrf
                   <div class=" row d-flex justify-content-between">
                    <div class="form-group col-md-6">
                        <label for="first_name">Prénom</label>
                        <input type="text"  name="first_name" required class="form-control" id="first_name">
                    </div>

                    <div class="form-group col-md-6">
                        <label for="last_name">Nom de famille</label>
                        <input type="text"  name="last_name" required class="form-control" id="last_name">
                    </div>
                   </div>
                   <div class=" row d-flex justify-content-between">
                    <div class="form-group col-md-6">
                        <label for="email">Email</label>
                        <input type="text"   name="email" required class="form-control" id="email">
                    </div>

                    <div class="form-group col-md-6">
                        <label for="role">Type de compte</label>

                        <select name="role"  class="form-control"  id="role">
                            <option required value="admin">Administrateur</option>

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


                   <div class=" d-flex row justify-content-start">

                        <div class="form-group col-md-6 ">
                            <label for="country_code">Indicatif téléphonique</label>

                        <select  class="form-control w-100"  name="country_code" required id="country_code">
                            @foreach (Countries() as $pays)
                            <option value="{{"+".$pays->country_code}}" @if ($user->country_code == "+221" OR ($user->country_code == null && $pays->country_code == "+221")) selected @endif>{{"+".$pays->country_code." ".$pays->name}}</option>
                            @endforeach
                        </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="suffix_phone">Téléphone</label>
                            <input type="number" required name="suffix_phone"  class="form-control" id="suffix_phone">
                        </div>

                   </div>


                    <strong class="text-danger text-center" >Un mot de passe par défaut sera automatiquement envoyé par email au nouveau administrateur</strong>

                    <button type="submit" class="btn w-100 mt-2 btn-primary">Ajouter l'utilisateur</button>
                </form>
            </div>
        </div>

    </div>
    <div class="col-md-7">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">{{$pagename ?? ""}}</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <div class="table-responsive">
                    <table id="datatable" class="table table-striped table-bordered">
                       <thead>
                          <tr>
                             <th>Nom complet</th>
                             <th>Téléphone</th>
                             <th>Email</th>
                             <th style="width: 2%">Action</th>

                          </tr>
                       </thead>
                       <tbody>

                        @foreach (users()->where('role', "admin") as $user)
                        <tr>
                            <td>{{$user->first_name}} {{$user->last_name}}</td>
                            <td> {{$user->telephone}}</td>
                            <td>{{$user->email}}</td>
                            <td>
                                @unless ($user->id == user()->id)
                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Supprimer
                                    </button>
                                    <div class="dropdown-menu bg-danger" aria-labelledby="btnGroupDrop1" style="">
                                        <a class="dropdown-item bg-danger text-white" href="{{route('admin.settings.users.managers.delete', $user->id)}}">Confirmer la suppression de l'utilisateur</a>
                                    </div>
                                 </div>
                                @endunless
                            </td>
                         </tr>
                        @endforeach


                       </tbody>
                       <tfoot>
                        <tr>
                            <th>Nom complet</th>
                            <th>Téléphone</th>
                            <th>Email</th>
                            <th style="width: 2%">Action</th>
                         </tr>
                       </tfoot>
                    </table>
                 </div>

            </div>
        </div>

    </div>

</div>
@endsection