@extends('fragments.fullTemplate')
@section('titulo')
    Detalles de informe
@endsection
@section('contenido')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp

<style>
    @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
    
    body{background-color: #eeeeee;font-family: 'Open Sans',serif}
    .container{margin-top:50px;margin-bottom: 50px}
    .card{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0.10rem
    }
    .card-header:first-child{
        border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0}
        
    .card-header{
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
    /* track */
    .track{
        position: relative;background-color: #ddd;
        height: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 60px;
        margin-top: 50px}
    .track .step{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;width: 25%;
        margin-top: -18px;
        text-align: center;
        position: relative
    }
    
    .track .step.active:before{
        background: #28a745}/* color */

    .track .step::before{
        height: 7px;
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        top: 18px}
    .track .step.active .icon{
        background: #28a745;/* color */
        color: #fff}
    .track .icon{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border-radius: 100%;
        background: #ddd}
    .track .step.active .text{
        font-weight: 400;
        color: #000}
    .track .text{
        display: block;
        margin-top: 7px}
    /* track */

    .itemside{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;width: 100%}
    .itemside .aside{
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0}
    .img-sm{
        width: 80px;
        height: 80px;
        padding: 7px}
    ul.row, ul.row-sm{
        list-style: none;padding: 0}
    .itemside .info{
        padding-left: 15px;
        padding-right: 7px}
    .itemside .title{
        display: block;
        margin-bottom: 5px;
        color: #212529}
    p{margin-top: 0;margin-bottom: 1rem}
    .btn-warning{
        color: #ffffff;
        background-color: #ee5435;
        border-color: #ee5435;
        border-radius: 1px}
    .btn-warning:hover{
        color: #ffffff;
        background-color: #ff2b00;
        border-color: #ff2b00;
        border-radius: 1px}
    
    /*
    .bs4-order-tracking {
        margin-bottom: 30px;
        overflow: hidden;
        color: #878788;
        padding-left: 0px;
        margin-top: 30px
    }

    .bs4-order-tracking li {
        list-style-type: none;
        font-size: 13px;
        width: 20%;
        float: left;
        position: relative;
        font-weight: 400;
        color: #878788;
        text-align: center
    }

    .bs4-order-tracking li:first-child:before {
        margin-left: 15px !important;
        padding-left: 11px !important;
        text-align: left !important
    }

    .bs4-order-tracking li:last-child:before {
        margin-right: 5px !important;
        padding-right: 11px !important;
        text-align: right !important
    }

    .bs4-order-tracking li>div {
        color: #fff;
        width: 30px;
        text-align: center;
        line-height: 30px;
        display: block;
        font-size: 12px;
        background: #878788;
        border-radius: 50%;
        margin: auto
    }

    .bs4-order-tracking li:after {
        content: '';
        width: 150%;
        height: 3px;
        background: #878788;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 15px;
        z-index: -1
    }

    .bs4-order-tracking li:first-child:after {
        left: 50%
    }

    .bs4-order-tracking li:last-child:after {
        left: 0% !important;
        width: 0% !important
    }

    .bs4-order-tracking li.active {
        /*font-weight: bold;*
        color: #28a745;
    }

    .bs4-order-tracking li.active>div {
        background: #28a745;
    }

    .bs4-order-tracking li.active:after {
        background: #28a745;
    }

    .card-timeline {
        background-color: #fff;
        z-index: 0
    }*/

    .track-line {
    height: 5px !important;
    background-color: #488978;
    opacity: 1;
    }

    .track-line-1 {
    height: 5px !important;
    background-color: #d9e3e0;
    opacity: 1;
    }

    .dot {
    height: 40px;
    width: 40px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    background-color: #d9e3e0;
    border-radius: 50%;
    display: inline-block
    }

    .big-dot {
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #488978;
    border-radius: 50%;
    display: inline-block;
    }

    .big-dot i {
    font-size: 14px;
    }

    .card-stepper {
    z-index: 0
    }

    .control-progreso-scroll {
        overflow-x: auto;
        padding: 10px 0 4px;
        width: 100%;
    }

    .control-progreso {
        align-items: flex-start;
        display: flex;
        min-width: 1120px;
        padding: 0 10px;
    }

    .control-progreso-etapa {
        align-items: center;
        display: flex;
        flex: 0 0 140px;
        flex-direction: column;
        position: relative;
        text-align: center;
        z-index: 1;
    }

    .control-progreso-linea {
        background: #d9e3e0;
        flex: 1 0 45px;
        height: 5px;
        margin-top: 18px;
        min-width: 45px;
    }

    .control-progreso-linea-success {
        background: #488978;
    }

    .control-progreso-punto {
        border-radius: 50%;
        display: inline-block;
        height: 40px;
        width: 40px;
    }

    .control-progreso-titulo {
        color: #111;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 8px;
        min-height: 32px;
    }

    .control-progreso-detalles {
        display: grid;
        gap: 5px;
        justify-items: center;
        margin-top: 4px;
        width: 100%;
    }

    .control-progreso-detalle {
        align-items: center;
        display: grid;
        gap: 4px;
        justify-items: center;
        width: 100%;
    }

    .control-progreso-fase {
        color: #333;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
    }

    .control-progreso-badge,
    .control-progreso-leyenda-badge {
        border-radius: 3px;
        color: #fff;
        font-weight: 700;
        line-height: 1.2;
    }

    .control-progreso-badge {
        display: inline-block;
        font-size: 11px;
        max-width: 130px;
        padding: 4px 7px;
        white-space: normal;
    }

    .control-progreso-success { background-color: #28a745; }
    .control-progreso-warning { background-color: #f0ad4e; }
    .control-progreso-danger { background-color: #dc3545; }
    .control-progreso-info { background-color: #17a2b8; }

    .control-progreso-leyenda {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px;
        justify-content: flex-end;
        margin: 10px 0 18px;
        font-size: 12px;
    }

    .control-progreso-leyenda-titulo {
        color: #333;
        font-weight: 700;
    }

    .control-progreso-leyenda-item {
        align-items: center;
        color: #555;
        display: inline-flex;
        gap: 5px;
    }

    .control-progreso-leyenda-badge {
        font-size: 10px;
        padding: 4px 6px;
    }

    @media (max-width: 768px) {
        .control-progreso-leyenda {
            justify-content: flex-start;
        }
    }
    
</style>

<div class="ui big breadcrumb">
    <div class="section">Sistema de gestión</div>
    <i class="right chevron icon divider"></i>
    <div class="section">Control de registros de ingreso de muestras</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Detalles: {{$datos_muestra->numero_informe}}</div>
</div>

<div class="ui divider"></div>
<div data-module-notifications-anchor></div>
<div class="col-lg-12 col-md-12 col-sm-12">
    @if(session()->has('success'))
        <div class="alert alert-success text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('success') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @if(session()->has('warning'))
        <div class="alert alert-warning text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('warning') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-danger text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('error') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @if (count($errors) > 0)
    <div class="alert alert-danger alert-dismissible" role="alert">
        <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
    @endif
</div>
{{--<div class="ui divider"></div>--}}

    <div class="col-lg-12 mt-3">
        <div class="control-progreso-scroll">
            <div class="control-progreso">
                @foreach ($progreso_control_registro as $etapa_progreso)
                    <div class="control-progreso-etapa">
                        <span class="control-progreso-punto control-progreso-{{ $etapa_progreso['clase'] }}"></span>
                        <div class="control-progreso-titulo">{{ $etapa_progreso['titulo'] }}</div>
                        <div class="control-progreso-detalles">
                            @foreach ($etapa_progreso['detalles'] as $detalle_progreso)
                                <div class="control-progreso-detalle" title="{{ $detalle_progreso['descripcion'] }}">
                                    @if (count($etapa_progreso['detalles']) > 1)
                                        <span class="control-progreso-fase">{{ $detalle_progreso['fase'] }}</span>
                                    @endif
                                    <span class="control-progreso-badge control-progreso-{{ $detalle_progreso['clase'] }}">
                                        {{ $detalle_progreso['estatus'] }}
                                    </span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    @if (!$loop->last)
                        <div class="control-progreso-linea {{ $etapa_progreso['completo'] ? 'control-progreso-linea-success' : '' }}"></div>
                    @endif
                @endforeach
            </div>
        </div>

        <div class="control-progreso-leyenda mt-4" aria-label="Simbología de estatus">
            <span class="control-progreso-leyenda-titulo">Simbología:</span>
            <span class="control-progreso-leyenda-item">
                <span class="control-progreso-leyenda-badge control-progreso-success">Verde</span>
                Aprobado/completo
            </span>
            <span class="control-progreso-leyenda-item">
                <span class="control-progreso-leyenda-badge control-progreso-warning">Amarillo</span>
                Pendiente/en proceso
            </span>
            <span class="control-progreso-leyenda-item">
                <span class="control-progreso-leyenda-badge control-progreso-danger">Rojo</span>
                No iniciado o faltante
            </span>
            <span class="control-progreso-leyenda-item">
                <span class="control-progreso-leyenda-badge control-progreso-info">Azul</span>
                N/A o informativo
            </span>

        </div>
    </div>

    <hr>
    <div class="content">
        <h4>Detalles de la muestra</h4>
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <p><strong>MUESTRA: </strong>{{$datos_muestra->nombre_muestra}}</p>
                    </div>
                    <div class="col-md-4">
                        <p><strong>MARCA: </strong>{{$datos_muestra->marca_muestra}}</p>
                    </div>
                    <div class="col-md-4">
                        <p><strong>MODELO: </strong>{{$datos_muestra->modelo_muestra}}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <p><strong>NORMA: </strong>{{$datos_muestra->servicio}}</p>
                    </div>
                    <div class="col-md-4">
                        <p><strong>FECHA ENTRADA: </strong>{{$datos_muestra->fecha_entrada ? date("d-m-Y",strtotime($datos_muestra->fecha_entrada)) : '' }}</p>
                    </div>
                    <div class="col-md-4">
                        <p><strong>FECHA ESTIMADA DE ENTREGA: </strong>{{$datos_muestra->fecha_entrega_cliente ? date("d-m-Y",strtotime($datos_muestra->fecha_entrega_cliente)) : '' }}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <p><strong>CONSTA DE: </strong>{{$datos_muestra->consta_de}}</p>
                    </div>
                    <div class="col-md-4">
                        <p><strong>OBSERVACIONES: </strong>{{$datos_muestra->observaciones_muestra}}</p>
                    </div>
                </div>
                <br>
                <div class="progress">
                    <div 
                    @if ($progress_bar == 100)
                        class="progress-bar progress-bar-striped progress-bar-animated bg-success"
                        @else
                        class="progress-bar progress-bar-striped progress-bar-animated"
                    @endif 
                    role="progressbar" aria-valuenow="{{$progress_bar}}" aria-valuemin="0" aria-valuemax="100" style="width: {{$progress_bar}}%">{{$progress_bar}}%</div>
                </div>
            </div>
        </div>
    </div>
    <br>
    {{--<h4>Formatos para descarga</h4>--}}
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Formato</th>
                        <th class="collapsing">Estatus</th>
                        <th class="">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Recibo de muestra</td>
                        <td>                            
                            @if ($datos_muestra->id_recibo_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            {{-- <form action="{{ url('recibo_de_muestra_general_pdf') }}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_recibo_muestra != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    {{--<input type="hidden" name="id_empresa" id="id_empresa" value="{{$recibo_muestra->id_empresa}}">--
                    
                                    <button class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Recibo de muestra
                                    </button>
                                @else
                                    <button class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Recibo de muestra
                                    </button>
                                @endif
                                
                            </form> --}}
                            <form action="{{url('recibo_de_muestra_pdf')}}" method="post">
                                {{csrf_field()}}
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                <input type="hidden" name="id_muestra" id="id_muestra" value="{{$datos_muestra->id_muestra}}">
                                
                                @if ($datos_muestra->id_recibo_muestra != null)
                                
                                <button class="ui button blue fluid" type="submit"
                                    style="border-radius: 0">
                                    
                                    <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
          
                                    <i class="download icon"></i>Recibo de muestra
                                </button>
                                @else
                                    <button class="ui button blue fluid disabled" type="submit"
                                        style="border-radius: 0">
                                        
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
            
                                        <i class="download icon"></i>Recibo de muestra
                                    </button>
                                    
                                @endif
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Inspección de muestra</td>
                        <td>
                            
                            @if ($datos_muestra->id_inspeccion_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('recibo_de_inspeccion_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_inspeccion_muestra != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$datos_muestra->id_inspeccion_muestra}}">
                                    <input type="hidden" name="id_muestra" id="id_muestra" value="{{$datos_muestra->id_muestra}}">
                                        
                                    <button class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Inspección de muestra
                                    </button>
                                    @else
                                    <button class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Inspección de muestra
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Programación muestra</td>
                        <td>
                            
                            @if ($datos_muestra->id_programacion_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('formato_modal_programacion_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_programacion_muestra != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$datos_muestra->id_inspeccion_muestra}}">
                                    <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$datos_muestra->id_programacion_muestra}}">
                                     
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Programación muestra
                                    </button>
                                    @else
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Programación muestra
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Validación</td>
                        <td>
                            
                            @if ($datos_muestra->id_programacion_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('informes/reporte_pdf_informe_qr/'.$datos_muestra->id_programacion_muestra)}}" target="_blank" method="get">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_programacion_muestra != null)
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Validación
                                    </button>
                                    @else
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Validación
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Solicitud (Contrato)</td>
                        <td>
                            
                            @if ($datos_muestra->id_servicio_cliente_concepto != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('solicitud_de_prueba_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_servicio_cliente_concepto != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Contrato
                                    </button>
                                    @else
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Contrato
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Prefactura</td>
                        <td>
                            @if ($datos_muestra->id_servicio_cliente_concepto != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                            
                            
                        </td>
                        <td class="text-center">
                            <form action="{{url('pre_factura_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_servicio_cliente_concepto != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <button class="ui button blue fluid" type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        <i class="download icon"></i>Prefactura
                                    </button>
                                    @else  
                                    <button class="ui button blue fluid disabled" type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        <i class="download icon"></i>Prefactura
                                    </button>
                                @endif
                                
                            </form>
                            {{--<div class="buttons">
                                <a href="#" class="ui button blue fluid" title="Descargar"><i class="download icon"></i>Descargar
                                </a>
                            </div>--}}
                        </td>
                        
                        
                        
                    </tr>
                    <tr>
                        <td>Recibo almacén</td>
                        <td>
                            
                            @if ($datos_muestra->id_almacen_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('formato_etiqueta_muestra_almacen_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_almacen_muestra != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$datos_muestra->id_inspeccion_muestra}}">
                                    <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$datos_muestra->id_programacion_muestra}}">

                                    <button class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Recibo almacén
                                    </button>
                                    @else
                                    <button class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Recibo almacén
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Mini etiqueta</td>
                        <td>
                            
                            @if ($datos_muestra->id_almacen_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('formato_mini_etiqueta_identificacion_muestra_almacen_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_almacen_muestra != null)
                                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                    <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$datos_muestra->id_inspeccion_muestra}}">
                                    <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$datos_muestra->id_programacion_muestra}}">

                                    <button class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Mini etiqueta
                                    </button>
                                    @else
                                    <button class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Mini etiqueta
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Devolución de muestra</td>
                        <td>
                            
                            @if ($datos_muestra->id_almacen_muestra != null)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <form action="{{url('formato_devolucion_muestra_almacen_pdf')}}" target="_blank" method="post">
                                {{csrf_field()}}
                                @if ($datos_muestra->id_almacen_muestra != null)
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_muestra->id_recibo_muestra}}">
                                <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$datos_muestra->id_inspeccion_muestra}}">
                                <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$datos_muestra->id_programacion_muestra}}">
                                <input type="hidden" name="id_almacen_muestra_pdf" id="id_almacen_muestra_pdf" value="{{$datos_muestra->id_almacen_muestra}}">

                                
                                <button id="solicitud_de_prueba_pdf" class="ui button blue fluid"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Devolución de muestra
                                    </button>
                                    @else
                                    <button id="solicitud_de_prueba_pdf" class="ui button blue fluid disabled"
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>Devolución de muestra
                                    </button>
                                @endif
                                
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>Informe de resultados</td>
                        <td>
                            @if ($datos_muestra->informe_resultados_pdf != NULL)
                                <span class="btn btn-success">Disponible</span>
                                @else
                                <span class="btn btn-danger">No Disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="buttons">
                                    @if ($datos_muestra->informe_resultados_pdf != NULL)
                                        <a target="_blank" href="{{asset('storage/linea_pruebas_archivos/'.$datos_muestra->informe_resultados_pdf)}}" class="ui button blue fluid">
                                            <i class="ui download icon"></i> 
                                            Informe de resultados
                                        </a>
                                        
                                        @else
                                        <button class="ui button blue fluid disabled" type="submit">
                                            <i class="ui download icon"></i> 
                                            Informe de resultados
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        </button>
                                    @endif
                                    
                               
                                
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Anexos</td>
                        <td>
                            @if (count($anexos) > 0)
                                <span class="btn btn-success">Disponible</span>
                            @else
                                <span class="btn btn-danger">No Disponible</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="buttons">
                                <button class="ui button blue fluid {{ count($anexos) > 0 ? '' : 'disabled'}}"
                                    data-toggle="modal" data-target="#anexosShowModal" 
                                    type="button" onclick="showAnexos({{ $anexos }})">
                                    <i class="ui download icon"></i> Archivos anexos
                                </button>
                            </div>
                        </td>
                    </tr>
                    {{--
                    <tr>
                        <td>Factura</td>
                        <td>
                            <span class="btn btn-danger">No disponible</span>
                            
                        </td>
                        <td class="text-center">
                            <div class="buttons">
                                <a href="#" class="ui button blue fluid disabled" title="Descargar"><i class="download icon"></i>Factura
                                </a>
                            </div>
                        </td>
                    </tr>
                    --}}
                </tbody>
            </table>
            @if ($permisos->verqr == 1)
            <a href="{{url('control_registros_zip/'.$datos_muestra->id_muestra)}}" class="ui button blue fluid">
                <i class="zip icon"></i>Descarga de documentación en .Zip
            </a>     
            @endif
        </div>
    </div>
    
    <br>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6">
            {{--<input type="submit" value="Guardar" class="ui button primary">--}}
            <a href="{{url('control_registros')}}" class="ui button gray">Atrás</a>
        </div>
    </div>
    <br><br>
</div>
{{--
<footer>
    <div class="fixed-bottom">
        <div class="text-center">
            <p>SEATSA &#174; | <a href="https://www.seatsa.com.mx">www.seatsa.com.mx</a> | Todos los derechos reservados.</p>
        </div>
    </div>
</footer>
--}}

@include('Control_registros.anexos_modal')

@endsection
<script>
    const urlSec = 'http://secomsa.test';
    
    function showAnexos(anexos) {
        anexosMuestra(anexos);
    }

    // Muestra los anexos de la muestra seleccionada
    function anexosMuestra(anexos) {
        var divHtml = '';
        $.each(anexos, function(i, value) {
            divHtml +=
                `<tr>
                    <td>
                        <a href="${urlSec}/storage/${value.ruta}" 
                            target="_blank" class="btn btn-primary btn-sm d-block m-auto">
                            Ver archivo
                        </a>
                    </td>
                    <td>${value.anexo}</td>
                    <td>${value.tipo}</td>
                    <td>${value.descripcion ?? '-----'}</td>
                </tr>`;
        });

        $('#tableAnexos').html(divHtml);
    }
</script>