@extends('Wscanguroazul.layouts.master_liquidacion')
{{--@include('Wscanguroazul.LiquidacionAliados.header')--}}

@section('content')
    <style>
        .table-responsive.table--no-card {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 10px;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        }
        .m-b-30 {
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 20px;
        }

        .table-earning thead th {
            background:rgb(30, 115, 183);
            font-size: 14px;
            color: #fff;
            vertical-align: middle;
            font-weight: 200;
            text-transform: capitalize;
            line-height: 1;
            /*padding: 12px 22px;*/
            white-space: nowrap;
        }

        .table-earning thead th.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }

        .table-earning tbody td {
            color: #808080;
            /*padding: 12px 22px;*/
            white-space: nowrap;
            font-size: 12px;

        }

        .table-earning tbody td.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }

        .table-earning tbody tr:hover td {
            color: #555;
            cursor: pointer;
        }
    </style>


   @if($response['codrespuesta']=="COD_000")


    <div class="col-md-8 offset-md-2">
        <div class="panel panel-theme" style="margin-top: 35px;">
            <div class="panel-heading"><h5 class="text-center card-subtitle">
                    Consulta de Tracking</h5></div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-3 mb-2 bg-light text-dark">

                                    </li>
                </ul>


                                                    <!--<b>TIPO DE ENVIO: </b>//echo $response['entidadRespuesta']['infoDhl']['ShipmentDesc'];<br>-->
                        </div>
                    <div class="row col-md-12">
                        <div class="table-responsive table--no-card m-b-30">
                                        {{--<table class="table table-hover table-bordered table-condensed">--}}
                        <table class="table table-borderless  table-hover table-sm table-earning">
                        @if ((count($response['entidadRespuesta']['tracking']) > 0) and (!empty($response)))
                                                        @if ($response['entidadRespuesta']['tracking']=="")
                                <tr>
                                <th style="text-align: center;"><br><div class="alert alert-info" role="alert" jct="envio-sin-tracking"></div></th>
                                </tr>
                            @endif

                        @else
                            <tr>
                                <th style="text-align: center; margin-top: 20%"><br><div class="alert alert-info" role="alert" jct="envio-sin-tracking"></div></th>
                            </tr>
                        @endif


                    </table>

                </div>
            </div>
                </div>
            </div>
        </div>
    </div>
    </div>
  @else

    <div class="col-md-6 offset-md-3">
        <div class="panel panel-theme" style="margin-top: 35px;">
            <div class="panel-heading"><h5 class="text-center card-subtitle">
                    Consulta de Tracking</h5></div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-3 mb-2 bg-light text-dark">
                            <div class="alert alert-danger" role="alert">
                               <center>La información de la guía no está registrada en ZOOM</center>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



  @endif



@endsection