@extends('layouts.app', ['title' => 'Crear Nuevo Usuario'])
@section('content')
    <div class="container" id="users">

        <p class="ml-3">Los campos marcados con asterisco (*) son obligatorios</p>

        <form action="{{route('admin.users.store')}}" method="post" class="mx-4 p-3">
            @csrf

            <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', '')}}" 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', '')}}" 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') == $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', '')}}">
                        @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', '')}}" 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', '')}}">
                        @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', null)}}">
                        @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') == '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') == '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}}">@sentence($type)</option>
                            @endforeach
                        </select>
                        @error('type')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </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