@extends('fragments.public.publicFullTemplate')
@section('titulo')
    Detalles de informe
@endsection
@section('contenido')
@php
    if (! session('id_portal_usuario')) {
        header('location: /portal_de_clientes');
        die();
    }
@endphp
<style>
    .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
    }
</style>

<div class="sx-content col-lg-12 text-left mt-5 pt-5">
    <div class="ui big breadcrumb">
        <div class="section">Portal de clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Informes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">{{$datos_muestra->numero_informe}}</div>
    </div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
    @if(session()->has('success'))
        <div class="alert alert-success text-center">
            <strong>{{ session()->get('success') }}</strong>
        </div>
    @endif
    @if(session()->has('warning'))
        <div class="alert alert-warning text-center">
            <strong>{{ session()->get('warning') }}</strong>
        </div>
    @endif
    @if(session()->has('danger'))
        <div class="alert alert-danger text-center">
            <strong>{{ session()->get('danger') }}</strong>
        </div>
    @endif
    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <strong>¡Error!</strong> Revise los campos obligatorios<br><br>
        <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="content">
        <ul class="bs4-order-tracking">
            <li 
            @if ($estatus_proceso >= 1)
                class="step active"
                @else
                class="step"
            @endif
            >
                <div><i class="box icon"></i></div> Muestra recibida
            </li>
            <li 
            @if ($estatus_proceso >= 2)
                class="step active"
                @else
                class="step"
            @endif
            >
                <div><i class="eye icon"></i></div> Muestra en inspección
            </li>
            <li
            @if ($estatus_proceso >= 3)
                class="step active"
                @else
                class="step"
            @endif
            >
                <div><i class="clipboard icon"></i></div> Muestra en programación
            </li>
            <li
            @if ($estatus_proceso >= 4)
                class="step active"
                @else
                class="step"
            @endif
            >
                <div><i class="tasks icon"></i></div> En pruebas
            </li>
            <li
            @if ($estatus_proceso >= 5)
                class="step active"
                @else
                class="step"
            @endif
            >
                <div><i class="check icon"></i></div> Finalizado
            </li>
        </ul>
    </div>
    <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>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>Informe de resultados</td>
                        <td>
                            @if ($estatus_proceso == 5 && $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 ($estatus_proceso == 5 && $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>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>
        </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('portal_de_clientes/cliente/informes')}}" 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>
--}}

@endsection