@extends('backoffice.admin.layout')
@section('content')
@php
    $user = user();
@endphp
<div class="row">
    <div class="col-md-6">
        <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">
                <form action="{{route('admin.settings.users.account.update')}}" method="POST" enctype="multipart/form-data">
                    @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" value="{{$user->first_name}}" 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" value="{{$user->last_name}}" 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" readonly value="{{$user->email}}" name="email" required class="form-control" id="email">
                    </div>

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

                        <select name="" readonly class="form-control"  id="">
                            @if ($user->role == "admin")
                                <option value="">Administrateur</option>
                            @endif
                        </select>
                    </div>
                   </div>
                    <div class="form-group">

                    </div>

                   <div class=" d-flex row justify-content-start">
                        <div class="form-group col-md-4 mr-4">
                            <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-7">
                            <label for="suffix_phone">Téléphone</label>
                            <input type="number" value="{{$user->suffix_phone}}" name="suffix_phone"  class="form-control" id="suffix_phone">
                        </div>
                        <div class="form-group col-md-8">
                            <label for="avatar">Photo profil</label> <br>
                            <input type="file"  name="avatar"   id="avatar">
                        </div>
                        <div class="form-group col-md-4">
                            <img src="{{ asset($user->avatar ?? "no-image.png") }}" style="height: 60px" alt="">
                        </div>
                   </div>



                    <button type="submit" class="btn w-100 btn-primary">Mettre à jour mes informations</button>
                </form>
            </div>
        </div>

    </div>
    <div class="col-md-6">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">Changement de mot de passe</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <form action="{{route('admin.settings.users.password.update')}}" method="POST">@csrf
                    <div class="form-group">
                        <label for="oldpass">Ancien mot de passe</label>
                        <input type="password" name="oldpass" required class="form-control" id="oldpass">
                    </div>

                    <div class="form-group">
                        <label for="newpass">Nouveau mot de passe</label>
                        <input type="text" name="newpass" required class="form-control" id="newpass">
                    </div>
                    <div class="form-group">
                        <label for="confirmpass">Confirmation</label>
                        <input type="text" name="confirmpass" required class="form-control" id="confirmpass">
                    </div>
                    <button type="submit" class="btn w-100 btn-primary">Mettre à jour mon mot de passe</button>
                </form>
            </div>
        </div>

    </div>

</div>
@endsection