@extends('admin')

@section('title')
    NotaireApp -Ajouter Utilisateurs
@endsection

@section('content')
@section('menu-title')
<!-- BEGIN: Breadcrumb -->

<div class="-intro-x breadcrumb mr-auto hidden sm:flex"> <a href="{{ url('/admin') }}" class="">NotairesApp</a> <i
        data-feather="chevron-right" class="breadcrumb__icon"></i> <a href="#/" class="breadcrumb--active">Paramètre</a> </div>
<!-- END: Breadcrumb -->
@endsection
<form action="{{route('admin.GestionUtil.create')}}" method="post">
    @csrf
    <div class=" mt-5">
    <div class="intro-y col-span-12 lg:col-span-12">
        <div class="intro-y box p-5 ">
            <h2 class="text-lg font-medium mr-auto "> Ajouter Un Utilisateur</h2>
        </div>
        <div class="intro-y box p-5 my-3">
            <div class="grid md:grid-cols-1  lg:grid-cols-2 gap-4">
                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for="">Nom</label>
                    <input type="text" required name="name"  placeholder="Veuillez Entrer Votre Nom"  class="input w-full  mt-2 border-2">
                </div>
                <div class="">
                    <label for="" style="float: right;">الإسم العائلة</label>
                    <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="name_ar" value="" placeholder="الإسم العائلة" type="text">
                </div>
            </div> 
            <div class="my-3 grid md:grid-cols-1 lg:grid-cols-2 gap-4">
                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for="">Prenom</label>
                    <input type="text" required name="prenom"  placeholder="Veuillez Entrer Votre prenom"  class="input w-full  mt-2 border-2">
                </div> 
                <div class="">
                    <label for=""style="float: right;">الإسم الشخصي</label>
                    <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="prenom_ar" value="" placeholder="الإسم الشخصي" type="text">
                </div>
            </div> 
            <div class="my-3 grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 gap-2">    
                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for=""> Identifiant</label>
                    <input type="email" required name="login"  placeholder="Veuillez Entrer Un Email"  class="input w-full  mt-2 border-2">
                    @if(session('message')!=null)
                    <i class="text-red-600">{{session('message')}}</i>
                    @endif
                </div>
                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for="">Telephone</label>
                    <input type="text" required name="tele"  placeholder="Veuillez Entrer Votre Telephone"  class="input w-full  mt-2 border-2">
                </div>
                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for="">Mot De Passe</label>
                    <input type="password" required name="mdp"  placeholder="Veuillez Entrer Votre Mot de Passe"  class="input w-full  mt-2 border-2 mdp">
                </div>

                <div class="flex flex-col w-full mx-2 ">
                    <label class="" for=""> Confirmer le Mot de Passe</label>
                    <input type="password" required name="mdp2"  placeholder="Veuillez Entrer Votre Mot de Passe"  class="input w-full  mt-2 border-2 mdp2">
                </div>

            </div>
        </div>

    </div>
    <div class="intro-y col-span-12 lg:col-span-12">
        <div class="intro-y box p-5 ">
            <h2 class="text-lg font-medium mr-auto "> Rôles et Privilèges </h2>
        </div>
    </div>

    <div class="intro-y box p-5 my-3 ">
        <center>
            <div class="flex flex-col w-64 mx-2 my-3 mb-4">
            <label class="font-semibold" for="">Type D'utilisateur</label>
            <select required class="input w-full mt-2 border-2 border-gray-600 role " name="typeuser" id="">
                @if($authr->role==1)
                <option value="1" class="">Super Admin</option>
                
                <option value="2" class="">Admin</option>
                 
                <option value="3">Simple Utilisateur</option>
                @elseif($authr->role==2)
                <option value="2" class="">Admin</option>
                 
                <option value="3">Simple Utilisateur</option>
                @endif
                
            </select>
            {{-- <select required class="input w-full mt-2 border-2 border-gray-600 role1 hidden admin" name="typeuser" id="">
                <option value="1">Super Admin</option>
                <option value="2">Admin</option>
                <option value="3">Simple Utilisateur</option>
            </select> --}}
        </div>
        </center>
        <div class="hidden priv">
            <div class="grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-4 gap-2  ">
            
            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for=""> Action sur les Clients</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addcli" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addcli" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>
            
            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for=""> accès à la Liste Des Clients</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seecli" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seecli" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Propriétés</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addprp" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addprp" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Propriétés</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seeprp" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seeprp" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Dossiers</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addDos" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addDos" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des dossiers</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seeDos" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seeDos" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Charges</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addcharge" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addcharge" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Charges</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seecharge" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seecharge" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Reglements</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addReg" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addReg" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Reglements</label>

                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seeReg" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seeReg" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Produits</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addprod" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addprod" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>
            
            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Produits</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seeprod" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seeprod" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Devies</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addDevi" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addDevi" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>

            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Produits</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seedevi" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seedevi" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>
            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">Action sur les Factures</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="addfact" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="addfact" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>
            <div class="flex flex-col w-full mx-2">
                <label class="font-semibold" for="">accès à la Liste Des Factures</label>
                <div class="flex flex-row w-full my-2 ">
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" required name="seefact" value="1" class="horizontal-radio-liam-neeson mx-2 "><span class="horizontal-radio-liam-neeson">Oui</span>
                    </div>
                    
                    <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                        <input type="radio" checked required name="seefact" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                    </div>
                </div>
            </div>
        </div> 
        </div>
        <div class="">
            <center><button class="button bg-theme-1 text-white mt-5 valid" type="submit">Enregistrer</button></center>
        </div>
    </div>
</div>
</form>
<script>
    $(document).ready(function () {
        $("#bord").attr('class', 'side-menu');
        $("#client").attr('class', 'side-menu side-menu');
        $('#propr').attr('class', 'side-menu side-menu');
        $('#dossier').attr('class','side-menu side-menu');
        $('#facture').attr('class','side-menu side-menu');
        $('#devis').attr('class','side-menu side-menu');
        $('#parametre').attr('class','side-menu side-menu--active');
        if($('.role').val()!=1){
            $('.priv').show();
        }
    });
</script>
<script>
    $('.role').click(function(){
        if($('.role').val()==1){
            $('.priv').hide();
        }else{
            $('.priv').show();
        }
    });

    $('.valid').click(function(){
        if($('.mdp').val() != $('.mdp2').val()){
            event.preventDefault();
            Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'Mot de Passe incorrecte',
            });
            
        }
        mdp = $('.mdp').val();
        if(mdp.length<6){
            event.preventDefault();
            Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'votre mot de passe doit comporter au moins 6 chiffres',
            });
        }
        
    });
</script>
@endsection