@extends("layouts.dashboard")

@section("wrapper")
    <div class="page-wrapper">
        @include("layouts.second-header")
        <div class="container-fluid p-4">
        <div class="card">
            <div class="card-header bg-rouge d-flex justify-content-sm-start align-items-center" style="margin-top: -50px;">
                <div class="d-flex align-items-center" style="margin-right: 1.5rem !important;">
                    <a href="{{ \Illuminate\Support\Facades\URL::previous() }}" class="btn mr-4 text-white">
                        <i class="lni lni-chevron-left"></i>@lang("Retour")
                    </a>
                    <h4 class="mb-0 text-white"><i class="{{$icon}}"></i>@lang("Nouvel")   {{ $title ?? "Titre" }}</h4>
                </div>
                <div class="col-4 d-flex justify-content-sm-center align-items-end">
                    <div></div>
                </div>
                <div class="d-flex col-4 justify-content-sm-end align-items-end">
                    <a href="{{ route("users.index") }}" class="btn mr-4 text-white">
                        <i class="lni lni-list"></i>@lang("Liste")
                    </a>
                    <a href="{{ route("users.create") }}" class="btn mr-4 text-white">
                        <i class="lni lni-plus"></i>@lang("Ajouter")
                    </a>
                </div>
            </div>
        </div>
        @if(session()->has('error'))
            @include("layouts.alert")
        @endif
            <div class="p-4 border rounded bg-white">
                {!! Form::open(array('route' => 'users.store','method'=>'POST',"enctype"=>"multipart/form-data")) !!}
                @csrf

                <div class="col-sm-6">
                    <strong>@lang('photo_id')</strong>
                    <div class="col-xs-12 col-sm-12 col-md-12">

                        <div class="form-group col-xs-12 col-sm-12 col-md-12">

                            <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: 100px;">
                            <input id="image" type="file" name="fichier_id" class="form-control  @error("fichier_id") is-invalid @enderror" placeholder="photo">
                            @error("fichier_id") <div class="invalid-feedback">{{$message}}</div> @enderror
                        </div>
                    </div>

                </div>


                <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <label for="nom" class="form-label">@lang('nom')</label>
                            {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control')) !!}
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <label for="prenoms" class="form-label">@lang('prenoms')</label>
                            {!! Form::text('prenoms', null, array('placeholder' => 'Prénoms','class' => 'form-control')) !!}
                        </div>
                    </div>

                    <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('login')</label>
                            {!! Form::text('login', null, array('placeholder' => 'Login','class' => 'form-control')) !!}
                        </div>
                    </div>

                    {{--                                    <div class="col-xs-6 col-sm-6 col-md-6">--}}
                    {{--                                        <div class="form-group">--}}
                    {{--                                            <label for="password" class="form-label">@lang('password')</label>--}}
                    {{--                                            {!! Form::password('password', array('placeholder' => 'Password','class' => "form-control ")) !!}--}}
                    {{--                                            @error("password") <div class="invalid-feedback">{{$message}}</div> @enderror--}}
                    {{--                                        </div>--}}
                    {{--                                    </div>--}}
                    {{--                                    <div class="col-xs-6 col-sm-6 col-md-6">--}}
                    {{--                                        <div class="form-group">--}}
                    {{--                                            <label for="password" class="form-label">@lang('passwordconfirm'):</label>--}}
                    {{--                                            {!! Form::password('confirm-password', array('placeholder' => 'Confirm Password','class' => 'form-control  ')) !!}--}}

                    {{--                                        </div>--}}
                    {{--                                    </div>--}}
                    {{--  <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label for="mutuelle_id" class="form-label">Mutuelle:</label>

                            {!! Form::select('mutuelle_id', array_merge(['' => 'Selectionner la mutuelle'], $mutuelles),null, array("class" => "form-control")) !!}
                        </div>
                    </div>  --}}
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label for="role" class="form-label">@lang('role_id')</label>
                            {!! Form::select('roles[]', array_merge(['' => 'Selectionner un role'], $roles),[], array("class" => "form-control")) !!}
                        </div>
                    </div>
                    <div class="col-12 mt-3">
                        <a href="{{ route("users.index") }}" class="btn btn-danger">@lang("Annuler")</a>
                        <button class="btn btn-primary" type="submit">@lang("Valider")</button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
    </div>
    </div>
@endsection