@extends('layouts.master')

@push('css')

@endpush

@section('breadcrumb')
    @include('components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => route("home"),
        ]
    ], 'active' => __(@$title)])
@endsection

@section('content')
<div class="body-wrapper">
    <div class="row justify-content-center mb-30-none">
        <div class="col-xl-12 mb-30">
            <div class="dash-payment-item-wrapper">
                <div class="dash-payment-item active" >
                    <div class="dash-payment-title-area">
                        <span class="dash-payment-badge" onclick="toggleActive(event)">!</span>
                        <h5 class="title">Detail {{ @$title }}</h5>
                    </div>
                    <div class="dash-payment-body">
                        <div class="col-xl-12 col-lg-6 mb-20">
                <div class="mt-10">

                    <div class="card-body profile-body-wrapper">
                        {!! Form::model($user, ['method' => 'PATCH','route' => ['users.updateprofile', $user->id],"enctype"=>"multipart/form-data"]) !!}
{{--                        <form class="row" action="{{ route("users.update",$user) }}" method="post" enctype="multipart/form-data">--}}
                            @csrf
  <div class="profile-settings-wrapper">
                                <div class="preview-thumb profile-wallpaper">
                                    <div class="avatar-preview">
                                        <div class="profilePicPreview bg_img" ></div>
                                    </div>
                                </div>
                                <div class="profile-thumb-content">
                                    <div class="preview-thumb profile-thumb">
                                        <div class="avatar-preview">
                                           @if($user->photoprofile != null)
                                                <div class="profilePicPreview bg_img" data-background="../../../images/{{ $user->photoprofile->nom }}"></div>
                                            @else
                                                <div class="profilePicPreview bg_img" data-background="https://envato.appdevs.net/qrpay/public/backend/images/default/profile-default.webp"></div>
                                            @endif
                                        </div>
                                        <div class="avatar-edit">
                                            <input type="file" class="profilePicUpload" name="photoprofile_id" id="profilePicUpload2" accept=".png, .jpg, .jpeg">
                                            <label for="profilePicUpload2"><i class="las la-upload"></i></label>
                                        </div>
                                    </div>
                                    <div class="profile-content">
                                        <h6 class="username">{{ $user->nom }} {{ $user->prenoms }}</h6>
                                        <ul class="user-info-list mt-md-2">
                                            <li><i class="las la-envelope"></i>{{ $user->email }}</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        <div class="row">
                            <div class="col-xs-6 col-sm-6 col-md-6">

                                <div class="form-group">
                                    <label for="name" class="form-label">@lang('nom')</label>
                                    {!! Form::text('nom', null, array('placeholder' => 'Name','class' => 'form-control')) !!}
{{--                                    <input type="text" id="name" name="name" class="form-control @error("name") is-invalid @enderror" required value="{{ $user->name }}">--}}

                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">

                                <div class="form-group">
                                    <label for="nom" class="form-label">@lang('prenoms')</label>
                                    {!! Form::text('prenoms', null, array('placeholder' => 'Prénoms','class' => 'form-control')) !!}
                                </div>
                            </div>
                             @if(\Illuminate\Support\Facades\Auth::user()->pays_id ==null)
                            <div class="col-sm-6" >
                                <label for="pays_id" class="form-label">@lang("pays_id")</label>
                                <select disabled id="pays_id" name="pays_id" class="form-control select2 @error("pays_id") is-invalid @enderror">
                                    <option value=""> ---- @lang("pays_id") ----</option>
                                    @foreach ( $payss as $pays)
                                        <option value="{{$pays->id}}" @if($user->pays == $pays->id) selected @endif>{{$pays->libelle}}</option>
                                    @endforeach
                                </select>
                                @error("pays_id") <div class="invalid-feedback">{{$message}}</div> @enderror
                            </div>
                    @endif
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                    <label for="email" class="form-label">@lang('email')</label>
                                    {!! Form::text('email', null, array('placeholder' => 'Email','class' => 'form-control')) !!}
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                    <label for="login" class="form-label">@lang('tel')</label>
                                    {!! Form::text('login', null, array('placeholder' => 'Tel','class' => 'form-control', 'disabled' => 'disabled')) !!}
                                </div>
                            </div>

                                 <div class="col-sm-6" >
                        <label for="entreprise_id" class="form-label">@lang("entreprise_id")</label>
                        <select disabled id="entreprise_id" name="entreprise_id" class="form-control select2 @error("entreprise_id") is-invalid @enderror">
                            <option value=""> ---- @lang("entreprise_id") ----</option>
                            @foreach ( $entreprises as $entreprise)
                                <option value="{{$entreprise->id}}" @if($user->entreprise == $entreprise->id) selected @endif>{{$entreprise->libelle}}</option>
                            @endforeach
                        </select>
                        @error("entreprise_id") <div class="invalid-feedback">{{$message}}</div> @enderror
                    </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                    <label for="role" class="form-label">@lang("Role")</label>
                                    {!! Form::select('roles[]', $roles, $userRole, array('class' => 'form-control', 'disabled' => 'disabled')) !!}
                                    @error("roles") <div class="invalid-feedback">{{$message}}</div> @enderror

                                </div>
                            </div>
                              <div class="col-sm-6">
                                <label for="typeutilisateur_id" class="form-label"> @lang("typeutilisateur_id")</label>
                                <select disabled id="typeutilisateur_id" name="typeutilisateur_id" class="form-control select2 @error("typeutilisateur_id") is-invalid @enderror">
                                    <option value=""> @lang("typeutilisateur_id")  </option>
                                    @foreach ($typeutilisateurs as $typeutilisateur)
                                        <option value="{{$typeutilisateur->id}}" @if($user->typeutilisateur_id == $typeutilisateur->id) selected @endif>{{$typeutilisateur->libelle}}</option>
                                    @endforeach
                                </select>
                                @error("typeutilisateur_id") <div class="invalid-feedback">{{$message}}</div> @enderror

                            </div>
                            <input type="number" hidden  id="version" name="version" class="form-control" value="{{ $user->version }}">
                            <div class="row col-12">
                            <div class="col-sm-6">
                                        <strong>@lang('piecerecto_id')</strong>
                                    <div class="col-xs-12 col-sm-12 col-md-12">

                                    <div class="form-group">
                                        @if($user->piecerecto !=null)
                                            <img id="preview-image-before-upload" src="../images/{{ $user->piecerecto->nom }}" width="200px">
                                            <input value="{{ $user->piecerecto->nom }}" id="image" type="file" name="piecerecto_id" class="form-control  @error("piecerecto_id") is-invalid @enderror" placeholder="fichier_id">

                                        @else
                                            <img  id="preview-image-before-upload" src="https://t4.ftcdn.net/jpg/04/81/13/43/360_F_481134373_0W4kg2yKeBRHNEklk4F9UXtGHdub3tYk.jpg"
                                                  alt="preview image" style="max-height: 200px;">
                                            <input id="image" type="file" name="piecerecto_id" class="form-control  @error("piecerecto_id") is-invalid @enderror" placeholder="piecerecto_id" onchange="previewImage(event)">

                                        @endif
                                        @error("piecerecto_id") <div class="invalid-feedback">{{$message}}</div> @enderror
                                    </div>
                                </div>
                            </div>
                             <div class="col-sm-6">
                                        <strong>@lang('pieceverso_id')</strong>
                                    <div class="col-xs-12 col-sm-12 col-md-12">

                                    <div class="form-group">
                                        @if($user->pieceverso !=null)
                                            <img id="preview-image-before-upload" src="../images/{{ $user->pieceverso->nom }}" width="200px">
                                            <input value="{{ $user->pieceverso->nom }}" id="image" type="file" name="pieceverso_id" class="form-control  @error("pieceverso_id") is-invalid @enderror" placeholder="fichier_id">

                                        @else
                                            <img  id="preview-image-before-upload1" src="https://t4.ftcdn.net/jpg/04/81/13/43/360_F_481134373_0W4kg2yKeBRHNEklk4F9UXtGHdub3tYk.jpg"
                                                  alt="preview image" style="max-height: 200px;">
                                            <input id="image" type="file" name="pieceverso_id" class="form-control  @error("pieceverso_id") is-invalid @enderror" placeholder="pieceverso_id" onchange="previewImage1(event)">

                                        @endif
                                        @error("pieceverso_id") <div class="invalid-feedback">{{$message}}</div> @enderror
                                    </div>
                                </div>
                            </div>
                            </div>

                            <div class="col-12 mt-3">
                                <a href="{{ route("home") }}" class="btn btn-danger">@lang("Annuler")</a>
                                <button class="btn btn-primary" type="submit">@lang("Valider")</button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script>
    function previewImage(event) {
        var input = event.target;
        var preview = document.getElementById('preview-image-before-upload');

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                preview.src = e.target.result;
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

       function previewImage1(event) {
        var input = event.target;
        var preview = document.getElementById('preview-image-before-upload1');

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                preview.src = e.target.result;
            }

            reader.readAsDataURL(input.files[0]);
        }
    }
</script>
@endsection