@extends('layouts.erp')

@section('title', 'Editar Servicio')

@section('content_header')

<h1 class="mb-4">

    Editar Servicio NOM

</h1>

@stop

@section('content')

<style>

.form-wrapper{
    max-width:1300px;
    margin:auto;
}

.card-modern{
    border:none;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,0.06);
    background:white;
}

.card-header-modern{
    background:#800020;
    color:white;
    padding:18px 25px;
    font-size:18px;
    font-weight:600;
}

.nav-tabs{
    border-bottom:1px solid #eee;
    margin-bottom:25px;
}

.nav-tabs .nav-link{
    border:none;
    color:#800020;
    font-weight:600;
    border-radius:10px;
    padding:10px 18px;
    transition:0.3s;
}

.nav-tabs .nav-link.active{
    background:#800020 !important;
    color:white !important;
}

.section-card{
    background:#fafafa;
    border-radius:14px;
    padding:20px;
    margin-bottom:20px;
    border:1px solid #f0f0f0;
}

.section-title{
    font-size:15px;
    font-weight:700;
    color:#800020;
    margin-bottom:20px;
    letter-spacing:0.5px;
}

.form-group{
    margin-bottom:18px;
}

.form-group label{
    font-size:13px;
    font-weight:600;
    color:#555;
    margin-bottom:6px;
}

.form-control{
    border-radius:10px;
    border:1px solid #ddd;
    height:42px;
    box-shadow:none !important;
}

.form-control:focus{
    border-color:#800020;
    box-shadow:0 0 0 0.15rem rgba(128,0,32,0.12) !important;
}

.btn-asitec{
    background:#800020;
    border:none;
    color:white;
    border-radius:10px;
    padding:12px 24px;
    font-weight:600;
}

.btn-asitec:hover{
    background:#5e0017;
    color:white;
}

.btn-secondary-modern{
    border-radius:10px;
    padding:12px 24px;
}

</style>

<div class="form-wrapper">

    <div class="card-modern">

        <div class="card-header-modern">

            Actualización de Servicio

        </div>

        <div class="card-body p-4">

            <form method="POST"
                  action="{{ route('servicios.update', $servicio->id) }}">

                @csrf
                @method('PUT')

                <ul class="nav nav-tabs">

                    <li class="nav-item">

                        <a class="nav-link active"
                           data-toggle="tab"
                           href="#inicio">

                            <i class="fas fa-folder-open"></i>
                            Inicio

                        </a>

                    </li>

                    <li class="nav-item">

                        <a class="nav-link"
                           data-toggle="tab"
                           href="#pruebas">

                            <i class="fas fa-vials"></i>
                            Pruebas

                        </a>

                    </li>

                    <li class="nav-item">

                        <a class="nav-link"
                           data-toggle="tab"
                           href="#certificacion">

                            <i class="fas fa-certificate"></i>
                            Certificación

                        </a>

                    </li>

                </ul>

                <div class="tab-content">

                    <!-- ===================== -->
                    <!-- INICIO -->
                    <!-- ===================== -->

                    <div class="tab-pane fade show active"
                         id="inicio">

                        <div class="section-card">

                            <div class="section-title">

                                INFORMACIÓN GENERAL

                            </div>

                            <div class="row">

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>No de cotización</label>

                                        <input type="text"
                                               name="no_cotizacion"
                                               class="form-control"
                                               value="{{ $servicio->no_cotizacion }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>No de servicio</label>

                                        <input type="text"
                                               name="no_servicio"
                                               class="form-control"
                                               value="{{ $servicio->no_servicio }}">

                                    </div>

                                </div>

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Referencia de servicio</label>

                                        <input type="text"
                                               name="referencia_servicio"
                                               class="form-control"
                                               value="{{ $servicio->referencia_servicio }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Fecha ingreso AST</label>

                                        <input type="date"
                                               name="fecha_ingreso_ast"
                                               class="form-control"
                                               value="{{ $servicio->fecha_ingreso_ast }}">

                                    </div>

                                </div>

                                <div class="col-md-1">

                                    <div class="form-group">

                                        <label>Asignación</label>

                                        <input type="text"
                                               name="asignacion"
                                               class="form-control"
                                               value="{{ $servicio->asignacion }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Tipo de servicio</label>

                                        <input type="text"
                                               name="tipo_servicio"
                                               class="form-control"
                                               value="{{ $servicio->tipo_servicio }}">

                                    </div>

                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Cert. Ant.</label>

                                        <input type="text"
                                               name="cert_ant"
                                               class="form-control"
                                               value="{{ $servicio->cert_ant }}">

                                    </div>

                                </div>

                                <div class="col-md-4">

                                    <div class="form-group">

                                        <label>Cliente</label>

                                        <input type="text"
                                               name="cliente"
                                               class="form-control"
                                               value="{{ $servicio->cliente }}">

                                    </div>

                                </div>

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Producto</label>

                                        <input type="text"
                                               name="producto"
                                               class="form-control"
                                               value="{{ $servicio->producto }}">

                                    </div>

                                </div>

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Estatus</label>

                                        <select name="estatus"
                                                class="form-control">

                                            <option value="En revisión documental" {{ $servicio->estatus == 'En revisión documental' ? 'selected' : '' }}>

                                                En revisión documental

                                            </option>

                                            <option value="Ingresado a laboratorio" {{ $servicio->estatus == 'Ingresado a laboratorio' ? 'selected' : '' }}>

                                                Ingresado a laboratorio

                                            </option>

                                            <option value="Pruebas en proceso" {{ $servicio->estatus == 'Pruebas en proceso' ? 'selected' : '' }}>

                                                Pruebas en proceso

                                            </option>

                                            <option value="Validación final" {{ $servicio->estatus == 'Validación final' ? 'selected' : '' }}>

                                                Validación final

                                            </option>

                                            <option value="Certificado emitido" {{ $servicio->estatus == 'Certificado emitido' ? 'selected' : '' }}>

                                                Certificado emitido

                                            </option>

                                            <option value="Rechazado" {{ $servicio->estatus == 'Rechazado' ? 'selected' : '' }}>

                                                Rechazado

                                            </option>

                                        </select>

                                    </div>

                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Marca</label>

                                        <input type="text"
                                               name="marca"
                                               class="form-control"
                                               value="{{ $servicio->marca }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Modelo</label>

                                        <input type="text"
                                               name="modelo"
                                               class="form-control"
                                               value="{{ $servicio->modelo }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>NOM</label>

                                        <input type="text"
                                               name="nom"
                                               class="form-control"
                                               value="{{ $servicio->nom }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>NMX</label>

                                        <input type="text"
                                               name="nmx"
                                               class="form-control"
                                               value="{{ $servicio->nmx }}">

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!-- ===================== -->
                    <!-- PRUEBAS -->
                    <!-- ===================== -->

                    <div class="tab-pane fade"
                         id="pruebas">

                        <div class="section-card">

                            <div class="section-title">

                                PROCESO DE LABORATORIO

                            </div>

                            <div class="row">

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>No. de Inf</label>

                                        <input type="text"
                                               name="no_inf"
                                               class="form-control"
                                               value="{{ $servicio->no_inf }}">

                                    </div>

                                </div>

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Modelo evaluado</label>

                                        <input type="text"
                                               name="modelo_evaluado"
                                               class="form-control"
                                               value="{{ $servicio->modelo_evaluado }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Fecha de entrada</label>

                                        <input type="date"
                                               name="entrada"
                                               class="form-control"
                                               value="{{ $servicio->entrada }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Fecha de salida</label>

                                        <input type="date"
                                               name="salida"
                                               class="form-control"
                                               value="{{ $servicio->salida }}">

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!-- ===================== -->
                    <!-- CERTIFICACIÓN -->
                    <!-- ===================== -->

                    <div class="tab-pane fade"
                         id="certificacion">

                        <div class="section-card">

                            <div class="section-title">

                                CERTIFICACIÓN FINAL

                            </div>

                            <div class="row">

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Folio de ingreso</label>

                                        <input type="text"
                                               name="folio_ingreso"
                                               class="form-control"
                                               value="{{ $servicio->folio_ingreso }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Fecha de ingreso</label>

                                        <input type="date"
                                               name="fecha_ingreso"
                                               class="form-control"
                                               value="{{ $servicio->fecha_ingreso }}">

                                    </div>

                                </div>

                                <div class="col-md-3">

                                    <div class="form-group">

                                        <label>Referencia</label>

                                        <input type="text"
                                               name="referencia"
                                               class="form-control"
                                               value="{{ $servicio->referencia }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>No certificado o carta</label>

                                        <input type="text"
                                               name="no_certificado"
                                               class="form-control"
                                               value="{{ $servicio->no_certificado }}">

                                    </div>

                                </div>

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Fecha emisión</label>

                                        <input type="date"
                                               name="fecha_emision"
                                               class="form-control"
                                               value="{{ $servicio->fecha_emision }}">

                                    </div>

                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-2">

                                    <div class="form-group">

                                        <label>Vigencia</label>

                                        <input type="date"
                                               name="vigencia"
                                               class="form-control"
                                               value="{{ $servicio->vigencia }}">

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="mt-4">

                    <button class="btn btn-asitec">

                        <i class="fas fa-save"></i>

                        Actualizar Servicio

                    </button>

                    <a href="{{ route('servicios.index') }}"
                       class="btn btn-secondary btn-secondary-modern">

                        Regresar

                    </a>

                </div>

            </form>

        </div>

    </div>

</div>

@stop