{{-- {!! Form::model($dispositivo, ['route' => ['dispositivo.update', $dispositivo->id], 'method' => 'put']) !!} --}}

<div class="row mb-3 ">
    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Serial</label>
            <input type="text" class="form-control" aria-label="Sizing example input"
                aria-describedby="inputGroup-sizing-sm" wire:model.lazy='serial'>
            @error('serial')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Placa</label>
            <input type="text" class="form-control" aria-label="Sizing example input"
                aria-describedby="inputGroup-sizing-sm" wire:model.lazy='placa'>
            @error('placa')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>


<div class="row mb-3">

    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Referencia/Modelo</label>
            <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm" wire:model.lazy='referencia'>
            @error('referencia')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Bodega</label>
            <select class="form-select form-control" aria-label="Default select example" wire:model='bodega'>
                <option selected>Seleccione una bodega</option>
                @foreach ($bodegas as $bodega)
                    <option value="{{ $bodega->id }}">{{ $bodega->name }}</option>
                @endforeach
            </select>
            @error('bodega')
                <div class="text-red-500 text-xs italic">{{ $message }}</div>
            @enderror
        </div>
    </div>

</div>

<div class="row mb-3">
    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Marca</label>
            <select class="form-select form-control" aria-label="Default select example" wire:model='marca'>
                <option selected>Seleccione una marca</option>
                @foreach ($marcas as $marca)
                    <option value="{{ $marca->id }}">{{ $marca->name }}</option>
                @endforeach
            </select>
            @error('marca')
                <div class="text-red-500 text-xs italic">{{ $message }}</div>
            @enderror
        </div>
    </div>

    <div class="col-6 themed-grid-col">
        <div class="form-group">
            <label for="">Tipo dispositivo</label>
            <select class="form-select form-control" aria-label="Default select example" wire:model='tipo_dispositivo'
                readonly disabled>
                <option selected>Seleccione un tipo de dispositivo</option>
                @foreach ($tipo_dispositivos as $dispositivo)
                    <option value="{{ $dispositivo->id }}">{{ $dispositivo->name }}</option>
                @endforeach
            </select>
            @error('tipo_dispositivo')
                <div class="text-red-500 text-xs italic">{{ $message }}</div>
            @enderror
        </div>
    </div>

    <div class="col-6 themed-grid-col">
            <label class="form-label">Nombre/Descripción</label>
            <div class="input-group mb-3">
                <input type="text" class="form-control" placeholder="Descripción del dispositivo" wire:model.lazy="nombre">
            </div>
            @error('nombre')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
</div>

 <div class="row mb-3">
    <div class="col-6 themed-grid-col"> <label class="form-label">Tipo de licencia</label>
        <div class="input-group mb-3">
            <select class="form-control" id="tipo_licencia" wire:model="tipo_licencia">
                <option value=""> Seleccione un tipo de licencia </option>
                @foreach ($tipos_licencias as $tipo)
                    <option value="{{ $tipo->id }}"> {{ $tipo->name }}</option>
                @endforeach
            </select>
        </div>
        @error('tipo_licencia')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-6 themed-grid-col">
        <label class="form-label">Licencia</label>
        <div class="input-group mb-3">
            <select class="form-control" id="tipo_licencia" wire:model="licencia">
                <option value=""> Seleccione una licencia </option>
                @foreach ($licencias as $licencia)
                    <option value="{{ $licencia->id }}"> {{ $licencia->name }}</option>
                @endforeach
            </select>
            <button class="btn btn-outline-success ml-3" type="button" id="button-addon2" wire:click="savelicencia({{ $licencia }})"><span
                    @popper(Agregar licencia)><i class="bi bi-check2-circle"></i></span></button>
        </div>
        @error('licencia')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

@if (count($licencias_array) > 0)

<div class="row mb-3 mt-3">
    <div class="col-6 themed-grid-col">
        <label class="form-label"><i class="bi bi-arrow-right-square-fill "></i> <span @popper(Agregar licencias solo si el dispositivo cuenta con ella)>Licencias de uso
                </span></label>

    </div>
    <table class="table table-hover">
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">Licencia</th>
            <th scope="col">Vencimiento</th>
            <th scope="col">Propietario</th>
            <th scope="col">Serial</th>
           
          </tr>
        </thead>
        <tbody>

            @foreach ($licencias_array as $key => $licencia)
            <tr>
                <th scope="row">{{ $key + 1 }}</th>
                <th scope="row">{{ $licencia['name'] }}</th>
                <td>{{ \Carbon\Carbon::parse($licencia['vence'])->format('d M Y') }}</td>
                <td>{{ $licencia['propietario'] }}</td>
                <td>{{ $licencia['serial'] }}</td>
              </tr>
            @endforeach
        </tbody>
      </table>

</div>

@endif







@if ($componente_extra)
    @livewire('almacen.editar-dispositivo-component', ['dispositivo' => $send_dispositivo], key('component'))
@endif
<hr>
<h4>Configuración de red </h4><br>

<div class="row mb-3">

    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Dominio</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'dominio'>
            </div>
        </div>
    </div>
    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-4 col-form-label">Nombre de host</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'nombre_dominio'>
            </div>
        </div>
    </div>

    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Protocolo</label>
            <div class="col-sm-12">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="ipv4" id="ipv4" value="ipv4" wire:model.lazy = 'protocolo'>
                    <label class="form-check-label" for="ipv4">TCP/IPv4</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="ipv6" id="ipv6" value="ipv6" wire:model.lazy = 'protocolo'>
                    <label class="form-check-label" for="inlineRadio2">TCP/IPv6</label>
                  </div>
            </div>
        </div>
    </div>
    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-4 col-form-label">Tipo de direccionamiento </label>
            <div class="col-sm-12">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="dinamica" id="dinamica" value="dinamica" wire:model.lazy = 'tipo_direccionamiento'>
                    <label class="form-check-label" for="dinamica">Dinámico</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="estatica" id="estatica" value="estatica" wire:model.lazy = 'tipo_direccionamiento'>
                    <label class="form-check-label" for="estatica">Estático</label>
                  </div>
            </div>
        </div>
    </div>

    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Dirección IP</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'direccion_ip'>
            </div>
        </div>
    </div>
    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-4 col-form-label">Máscara de red</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'mascara_red'>
            </div>
        </div>
    </div>


    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Gateway</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'gateway'>
            </div>
        </div>
    </div>
    <div class="col-6 themed-grid-col">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-4 col-form-label">MAC</label>
            <div class="col-sm-12">
                <input type="text" class="form-control" id="inputPassword" wire:model.lazy = 'mac'>
            </div>
        </div>
    </div>

</div>

<div class="row mb-3">
    <div class="col-12 themed-grid-col">
        @if($red_configurada)
            <button class="btn btn-primary float-right" wire:click="updatered">Actualizar red</button>
        @else
            <button class="btn btn-info float-right" wire:click="savered">Guardar red</button>
        @endif
    </div>
</div>

<hr>


<h4>Asignación de dispositivo </h4><br>

@livewire('component.search-funcionario', ['usuario' => $usuario, 'dependencia' => $dependencia], key('funcionario'))




<div class="row mb-3">
    <div class="col-12 themed-grid-col">
        <button class="btn btn-primary float-right" wire:click="update">Actualizar</button>
        {{-- {!! Form::submit('Actualizar', ['class' => 'btn btn-primary float-right']) !!} --}}
        {!! Form::close() !!}

    </div>
</div>