@php
    use Carbon\Carbon;
@endphp

@extends('layouts.root')

@section('root-body')
    
<!--**********************************
            Content body start
***********************************-->
    <!-- row -->
    <div class="container-fluid">

        <div class="row">

            <div class="col-xl-6 col-lg-6">
                <div class="card border">
                    <div class="card-body">
                        <form id="edit-account-form" method="POST" action="{{ route('root.updateAccount', ['id' => $rootAccount->id]) }}">	
                            @csrf
                            @method('PUT')

                            
                            <input type="hidden" name="code" value="{{ !empty($rootAccount->code) ? $rootAccount->code : Carbon::now()->timestamp }}" />

                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title text-primary">Editer Compte</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <!-- Course level -->
                                        <div class="col-md-6">
                                            <label class="form-label">Commune</label>
                                            <select class="form-select js-choice border-0 z-index-9 bg-transparent" name="commune_id" required>
                                                <option value="">Select Commune</option>
                                                @foreach($rootCommunes as $commune)
                                                <option value="{{ $commune->id }}" @if(intval($commune->commune_id) == intval($commune->id)) selected @endif>
                                                    {{ $commune->libelle }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <!-- Course level -->
                                        <div class="col-md-6">
                                            <label class="form-label">Service</label>
                                            <select class="form-select js-choice border-0 z-index-9 bg-transparent" name="service_id" required>
                                                <option value="">Select Service</option>
                                                @foreach($rootServices as $service)
                                                <option value="{{ $service->id }}" @if(intval($service->service_id) == intval($service->id)) selected @endif>
                                                    {{ $service->libelle }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Noms <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('noms') is-invalid @enderror" id="noms" name="noms" placeholder="Noms" required  value="{{ $rootAccount->noms }}">
                                                @error('noms')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Sexe <em class="text-danger">*</em></label>
                                                <select class="wide form-control @error('sexe') is-invalid @enderror" name="sexe">
                                                    <option data-display="Select">Please select</option>
                                                    <option value="M" @if($rootAccount->sexe == 'M') selected @endif>M</option>
                                                    <option value="F" @if($rootAccount->sexe == 'F') selected @endif>F.</option>
                                                </select>
                                                @error('sexe')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Email <em class="text-danger">*</em></label>
                                                <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Email" required  value="{{ $rootAccount->email }}">
                                                @error('email')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Droits d'acces <em class="text-danger">*</em></label>
                                                <select class="form-control @error('role') is-invalid @enderror" name="role" required>
                                                    <option data-display="Select">Please select</option>
                                                    <option value="Root" @if($rootAccount->role == 'Root') selected @endif>Root</option>
                                                    <option value="Admin" @if($rootAccount->role == 'Admin') selected @endif>Admin</option>
                                                    <option value="Chef" @if($rootAccount->role == 'Chef') selected @endif>Chef</option>
                                                    <option value="Agent" @if($rootAccount->role == 'Agent') selected @endif>Agent</option>
                                                </select>
                                                @error('role')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Poste <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('poste') is-invalid @enderror" id="poste" name="poste" placeholder="Poste" required  value="{{ $rootAccount->poste }}">
                                                @error('poste')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Matricule <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('matricule') is-invalid @enderror" id="matricule" name="matricule" placeholder="Matricule" required  value="{{ $rootAccount->matricule }}">
                                                @error('matricule')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Activation <em class="text-danger">*</em></label>
                                                <select class="wide form-control @error('active') is-invalid @enderror" name="active">
                                                    <option data-display="Select">Please select</option>
                                                    <option value="0" @if($rootAccount->active == 0) selected @endif>Compte inactif</option>
                                                    <option value="1" @if($rootAccount->active == 1) selected @endif>Compte actif</option>
                                                </select>
                                                @error('civilite')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Pseudo <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" placeholder="Pseudo" required  value="{{ $rootAccount->name }}">
                                                @error('name')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Prenoms <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('prenoms') is-invalid @enderror" id="prenoms" name="prenoms" placeholder="Prenoms" required  value="{{ $rootAccount->prenoms }}">
                                                @error('prenoms')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Date naissance</label>
                                                <input type="date" class="form-control @error('birthday') is-invalid @enderror" id="birthday" name="birthday" placeholder="Date naissance" required  value="{{ $rootAccount->birthday }}">
                                                @error('birthday')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Telephone <em class="text-danger">*</em></label>
                                                <input type="phone" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone" placeholder="Telephone" required  value="{{ $rootAccount->phone }}">
                                                @error('phone')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label text-primary" for="phone">Grade <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('grade') is-invalid @enderror" name="grade" placeholder="Grade" required value="{{ $rootAccount->grade }}">
                                                @error('phone')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Mot de passe <em class="text-danger">*</em></label>
                                                <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" placeholder="Mot de passe" required  value="QWzx1234" readonly>
                                                @error('password')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label class="col-lg-4 col-form-label" for="validationCustom01">Adresse <em class="text-danger">*</em></label>
                                                <input type="text" class="form-control @error('adresse') is-invalid @enderror" id="adresse" name="adresse" placeholder="Adresse" required  value="{{ $rootAccount->adresse }}">
                                                @error('adresse')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-xl-12">
                                        </div>
                                        
                                    </div>	
                                </div>
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-block btn-primary light">sauvegarder les informations</button>
                                </div>
                            </div>

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

                <br>
            </div>

            <div class="col-xl-6 col-lg-6">
                <div class="card border">
                    <div class="card-body">
                        <form id="edit-password-account" method="POST" action="{{ route('root.changePassword', ['id' => $rootAccount->id]) }}">
                            @csrf
                            @method('PUT')

                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title text-primary">Editer Mot de passe</h4>
                                </div>
                                <div class="card-body">
                                    <div class="basic-form">
                                        <div class="row">

                                            <div class="col-xl-6">
                                                <div class="mb-3">
                                                    <label class="col-lg-4 col-form-label" for="validationCustom01">Nouveau mot de passe <em class="text-danger">*</em></label>
                                                    <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" placeholder="Nouveau mot de passe" required>
                                                    @error('password')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-xl-6">
                                                <div class="mb-3">
                                                    <label class="col-lg-4 col-form-label" for="validationCustom01">Confirmation mot de passe <em class="text-danger">*</em></label>
                                                    <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror" id="password_confirmation" name="password_confirmation" placeholder="Confirmation mot de passe" required>
                                                    @error('password_confirmation')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-block btn-primary light">modifier le mot de passe</button>
                                </div>

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

                <br>
            </div>

            <div class="col-xl-6 col-lg-6">
                <div class="card border">
                    <div class="card-body">
                        <form id="edit-avatar-account" method="POST" action="{{ route('root.updateAvatar', ['id' => $rootAccount->id]) }}" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title text-primary">Editer Avatar</h4>
                                </div>
                                <div class="card-body">
                                    <div class="basic-form">
                                        <div class="row">

                                            <div class="col-xl-12">
                                                <div class="mb-3">
                                                    <label class="col-lg-4 col-form-label" for="avatar">Avatar <em class="text-danger">*</em></label>
                                                    <input type="file" class="form-control @error('avatar') is-invalid @enderror" id="avatar" name="avatar" required accept="image/*">
                                                    @error('avatar')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <br>

                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <br>
                                    <button type="submit" class="btn btn-block btn-primary light">modifier avatar</button>
                                </div>

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

            <div class="col-xl-6 col-lg-6">
                <div class="card border">
                    <div class="card-body">
                        <form id="edit-signature-account" method="POST" action="{{ route('root.updateSignature', ['id' => $rootAccount->id]) }}" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title text-primary">Editer Signature</h4>
                                </div>
                                <div class="card-body">
                                    <div class="basic-form">
                                        <div class="row">

                                            <div class="col-xl-12">
                                                <div class="mb-3">
                                                    <label class="col-lg-4 col-form-label" for="avatar">Signature <em class="text-danger">*</em></label>
                                                    <input type="file" class="form-control @error('signature') is-invalid @enderror" id="signature" name="signature" required accept="image/*">
                                                    @error('signature')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <br>

                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <br>
                                    <button type="submit" class="btn btn-block btn-primary light">modifier signature</button>
                                </div>

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

        
    </div>
<!--**********************************
    Content body end
***********************************-->





@endsection


@section('scripts')
    <!-- Les scripts spécifiques à cette vue enfant vont ici -->
    <script src="votre_script.js"></script>
@endsection