@extends('layouts.baseprocrud')

@section('content')
@include('_derivacion.derivacion._top')

<div class="main-card mb-3 card">
    <div class="card-header">
        Seguimiento de Derivación
    </div>
</div>

<div class="main-card mb-3 card ">
    <div class="card-header bg-secondary text-white">Buscar</div>
    <div class="card-body">
        <form method="POST" action="#" accept-charset="UTF-8">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="form-row mt-3">
                <div class="form-group col-md-6">
                    <label>Id Derivación</label>
                    <input class="form-control" placeholder="Ingrese el id de la derivación" id="derivacion_id" name="derivacion_id" type="text" value="{{ ($derivacion?$derivacion->id:null) }}">
                </div>
                <div class="form-group col-md-6 align-middle">
                    <label>&nbsp;</label>
                    <button type="button" tabindex="0" class="btn btn-alternate btn-pill btn-block" name="buscar" id="buscar">Buscar</button>
                </div>
            </div>
        </form>
    </div>
</div>

@if($derivacion)
<div class="main-card mb-3 card ">
    <div class="card-header bg-secondary text-white">Datos</div>
    <div class="card-body">
        <div class="form-row mt-3">
            <div class="form-group col-md-6">
                <label>Nombre</label>
                <input class="form-control" id="nombre" name="nombre" type="text" value="{{ (($derivacion && $derivacion->cliente_derivacion)?$derivacion->cliente_derivacion->nombre:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-6">
                <label>Teléfono</label>
                <input class="form-control" id="telefono" name="telefono" type="text" value="{{ (($derivacion && $derivacion->cliente_derivacion)?$derivacion->cliente_derivacion->telefono:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-6">
                <label>Email</label>
                <input class="form-control" id="email" name="email" type="text" value="{{ (($derivacion && $derivacion->cliente_derivacion)?$derivacion->cliente_derivacion->email:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-6">
                <label>Localidad</label>
                <input class="form-control" id="localidad" name="localidad" type="text" value="{{ (($derivacion && $derivacion->cliente_derivacion)?$derivacion->cliente_derivacion->localidad:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-4">
                <label>Equipo</label>
                <input class="form-control" id="equipo" name="equipo" type="text" value="{{ (($derivacion && $derivacion->equipo_derivacion_id && $derivacion->equipo_derivacion->grupo_equipo)?$derivacion->equipo_derivacion->grupo_equipo->nombre:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-4">
                <label>Marca</label>
                <input class="form-control" id="marca" name="marca" type="text" value="{{ (($derivacion && $derivacion->equipo_derivacion_id && $derivacion->equipo_derivacion->marca)?$derivacion->equipo_derivacion->marca->nombre:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-4">
                <label>Modelo</label>
                <input class="form-control" id="modelo" name="modelo" type="text" value="{{ (($derivacion && $derivacion->equipo_derivacion_id && $derivacion->equipo_derivacion->modelo)?$derivacion->equipo_derivacion->modelo->nombre:null) }}" readonly="true">
            </div>
            <div class="form-group col-md-12">
                <label>Comentarios</label>
                <input class="form-control" id="comment" name="comment" type="text" value="{{ (($derivacion)?$derivacion->comentarios:null) }}" readonly="true">
            </div>
        </div>
    </div>
</div>

<div class="main-card mb-3 card ">
    <div class="card-header bg-secondary text-white">Estado</div>
    <div class="card-body">
        <form method="POST" action="{{ url('actualizarSeguimientoDerivacion') }}" accept-charset="UTF-8">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input id="derivacion_id" name="derivacion_id" type="hidden" value="{{ $derivacion->id }}">
            <div class="form-row mt-3">
                <div class="form-group col-md-12">
                    <label>Estado</label>
                    <select class="form-control" id="estado_derivacion_id" name="estado_derivacion_id">
                        <option value=""> -- Seleccione uno --</option>
                        @foreach ($estadosDerivaciones as $estadoDerivacionId => $estadoDerivacionNombre)
                        <option value="{{ $estadoDerivacionId }}" {{ ((isset($derivacion->id_estado_derivacion) && $derivacion->id_estado_derivacion == $estadoDerivacionId)?'selected':'') }}>{{ $estadoDerivacionNombre }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-12">
                    <label>Comentarios</label>
                    <textarea class="form-control" id="comentarios" name="comentarios"></textarea>
                </div>
                <div class="form-group col-md-12">
                    <label>&nbsp;</label>
                    <button type="submit" tabindex="0" class="btn btn-primary btn-pill btn-block" name="enviar" id="enviar">Enviar</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

@endsection

@section('scripts')
<script src="/assets/js/_derivacion/derivacion-seguimiento.js"></script>
@endsection