@extends('layouts/master')
@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-12">
            <div class="panel panel-primary" style="margin-top: 35px;">
                <div class="panel-heading"><h5 class="panel-title text-center">
                        Consulta de Tracking GuiaDHL</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