@extends('layouts.app', ['title' => 'Editar Usuario: '.$user->name])
@section('content')
    <div class="container mx-4" id="users">

        <p class="ml-3">Los campos marcados con asterisco (*) son obligatorios</p>
        <form action="{{route('admin.users.update', $user)}}" method="post" class="mx-4">
            @csrf @method('put')

            <h2>Información básica</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Nombres *</label>
                        <input type="text" class="form-control" name="first_name" value="{{old('first_name', $user->first_name)}}" required>
                        @error('first_name')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="">Apellidos *</label>
                        <input type="text" class="form-control" name="last_name" value="{{old('last_name', $user->last_name)}}" required>
                        @error('last_name')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Tipo de Identificación</label>
                        <select id="" name="identification_type_id" class="form-control">
                            <option value=""></option>
                            @foreach($identificationTypes as $type)
                                <option value="{{$type->id}}"
                                        @if(old('identification_type_id', $user->identification_type_id) == $type->id) selected @endif)>
                                    {{$type->name}} - {{$type->description}}
                                </option>
                            @endforeach
                        </select>
                        @error('identification_type_id')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="">Número de Identificación</label>
                        <input type="text"
                               class="form-control"
                               name="identification"
                               value="{{old('identification', $user->identification)}}">
                        @error('identification')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
            </div>


            <h2>Información complementaria</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Email *</label>
                        <input type="email" class="form-control" name="email" value="{{old('email', $user->email)}}" required>
                        @error('email')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="">Teléfono</label>
                        <input type="text" class="form-control" name="phone" value="{{old('phone', $user->phone)}}">
                        @error('phone')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Fecha de nacimiento</label>
                        <input type="date" name="birthday" class="form-control" value="{{old('birthday', $user->birthday)}}">
                        @error('birthday')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="">Sexo</label>
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="sex"
                                   id="sex-m"
                                   value="M"
                                   @if(old('sex', $user->sex) == 'M') checked @endif>
                            <label class="form-check-label" for="sex-m">
                                Masculino
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="radio"
                                   name="sex"
                                   id="sex-f"
                                   value="F"
                                   @if(old('sex', $user->sex) == 'F') checked @endif>
                            <label class="form-check-label" for="sex-f">
                                Femenino
                            </label>
                        </div>
                    </div>
                </div>
            </div>


            <h2>Información del sistema</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Tipo *</label>
                        <select id="type"
                                class="form-control"
                                name="type"
                                value="{{old('type', '')}}"
                                required>
                            @foreach(UserTypes::getConstants() as $type)
                                @continue($type == UserTypes::SUPERADMIN)
                                <option value="{{$type}}" @if($type == $user->type) selected @endif>
                                    @sentence($type)
                                </option>
                            @endforeach
                        </select>
                        @error('type')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="">Estado</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="true" id="active" @if(old('active', $user->active)) checked @endif>
                            <label class="form-check-label" for="active">
                                Activo
                            </label>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Cliente * <small>(Institución Educativa/Cuenta Personal)</small></label>
                        <select id="client_id"
                                class="form-control selectpicker"
                                name="client_id"
                                data-live-search="true"
                                data-live-search-normalize="true"
                                data-style=""
                                data-style-base="form-control"
                                data-none-selected-text="">
                            @forelse($clients as $client)
                                <option value="{{$client->id}}">{{$client->name}}</option>
                            @empty
                                <option value="">No hay clientes para mostrar</option>
                            @endforelse
                        </select>
                    </div>
                </div>
            </div>


            <div class="my-4">
                <a href="{{route('admin.users.index')}}" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> Volver
                </a>
                <button class="btn btn-primary" type="submit">
                    <i class="fa fa-save"></i> Guardar
                </button>
            </div>

        </form>

    </div>
@endsection
@push('js')
    <script>
        $('#client_id').selectpicker('val', @json(old('client_id', $user->client_id)));
    </script>
@endpush