@php
    $usuario = $usuario ?? null;
@endphp
<input type="hidden" name="id" value="{{$usuario->id}}">
<div id="errores">
    @component('sistema/div-errores')
    @endcomponent
</div>
<div class="row mb-7">
    <div class="col-lg-6 col-md-6">
        <label class="required">Nombre</label>
        <input type="text" name="nombre" class="form-control" value="{{$usuario->nombre}}" placeholder="Ingrese el nombre" required>
    </div>
    <div class="col-lg-6 col-md-6">
        <label class="required">Apellido</label>
        <input type="text" name="apellido" class="form-control" placeholder="Ingrese el apellido" value="{{$usuario->apellido}}" required>
    </div>
</div>
<div class="row mb-7">
    <div class="col-lg-6 col-md-6">
        <label class="required">Tipo Identificación</label>
        <select name="tipo_documento" id="selectTipoIdentificacionEdit" data-control="select2" data-placeholder="Seleccione el tipo de identificación" data-allow-clear="true" data-hide-search="true" class="form-control" required data-dropdown-parent="#modalEditarUsuario">
            <option value=""></option>
            @foreach ($tiposDocumentos as $item)
                <option value="{{$item->codigo}}" {{$item?->codigo == $usuario?->tipo_documento ? 'selected' : ''}}>{{$item->nombre_corto}}</option>
            @endforeach
        </select>
    </div>
    <div class="col-lg-6 col-md-6">
        <label class="required">Identificación</label>
        <input type="text" name="identificacion" class="form-control" placeholder="Ingrese la identificación" value="{{$usuario->identificacion}}" required>
    </div>
</div>
<div class="row mb-7">
    <div class="col-lg-6 col-md-6">
        <label class="required">Genero</label>
        <select name="genero" id="selectGeneroEdit" data-control="select2" data-placeholder="Seleccione el genero" data-allow-clear="true" data-hide-search="true" class="form-control" required data-dropdown-parent="#modalEditarUsuario">
            <option value=""></option>
            @foreach ($generos as $item)
                <option value="{{$item->codigo}}" {{$item?->codigo == $usuario?->genero ? 'selected' : ''}}>{{$item->nombre}}</option>
            @endforeach
        </select>
    </div>
    {{-- <div class="col-lg-6 col-md-6">
        <label class="required">Telefono</label>
        <input class="form-control" required placeholder="Telefono" name="telefono"/>
    </div> --}}
</div>
<div class="row mb-7">
    <div class="col-lg-6 col-md-6">
        <label class="required">País</label>
        <select class="form-control" name="pais_id" placeholder="..." id="selectPaisEdit" required data-dropdown-parent="#modalEditarUsuario">
            <option value="">Seleccione un país</option>
            @foreach ($paises as $pais)
                <option value="{{$pais->id}}" {{$pais?->id == $usuario?->ciudad?->id_pais ? 'selected' : ''}} data-kt-select2-country="{{$pais->bandera}}">{{$pais->nombre}} - {{$pais->nombre_corto}}</option>
            @endforeach
        </select>
    </div>
    <div class="col-lg-6 col-md-6">
        <label class="required">Ciudad</label>
        <select name="id_ciudad" id="selectCiudadEdit" data-ciudad={{$usuario->id_ciudad}} disabled data-control="select2" data-placeholder="Seleccione una ciudad" data-allow-clear="true" class="form-control" required data-dropdown-parent="#modalEditarUsuario">
        </select>
    </div>
</div>
<div class="row mb-7">
    <div class="col-lg-6 col-md-6">
        <label class="required">Email</label>
        <input type="text" class="form-control" name="email" placeholder="Email" value="{{$usuario->email}}" id="inputEmail" required/>
    </div>
    <div class="col-lg-6 col-md-6">
        <label class="required">Telefono</label><br>
        <input type="tel" name="telefono" id="tel" class="form-control" maxlength="15" value="{{'+'.$usuario->numero_completo}}" placeholder="Ingrese el teléfono" required data-default-country="co">
        {{-- <input type="tel" name="telefono" id="tel" class="form-control" maxlength="15" value="{{$usuario->telefono}}" placeholder="Ingrese el teléfono" required data-default-country="co"> --}}
    </div>
</div>