@extends('templates.default')

@section('css')
<link href="{{ URL::to('/css/bootstrap.vertical-tabs.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<script type="application/javascript" src="{{ URL::to('/js/envio/validar.js') }}"></script>
@endsection

@section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li><a href="{{ URL::route('consultar_envios') }}">Envios</a></li>
<li>Consultar</li>
@endsection

@section('title_right')
@endsection

@section('content')
<div class="clearfix"></div>
<div class="col-md-6">
    <h4>
        <small>Fecha Apertura:</small><br />
        {{ date('d/m/Y', strtotime(str_replace('/', '-', $envio->fecha_apertura))) }}
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Fecha Arribo:</small><br />
        @if($envio->fecha_arribo)
        	{{ date('d/m/Y', strtotime(str_replace('/', '-', $envio->fecha_arribo))) }}
        @else
        N/A
        @endif
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Cliente:</small><br />
        {{ $envio->cliente->razon_social }}
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Fecha Salida:</small><br />
        @if($envio->fecha_salida)
        	{{ date('d/m/Y', strtotime(str_replace('/', '-', $envio->fecha_salida))) }}
        @else
        N/A
        @endif
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Manifiesto:</small><br />
        <span id="numero_manifiesto_text">
            @if(!$envio->numero_manifiesto)
            N/A<!-- &nbsp;<a id="asignar-manifiesto" data-toggle="modal" data-target="#modalNumeroManifiesto" class="btn btn-link" href="#" style="padding:0;">[Asignar uno ahora]</a> -->
            @else
                {{ $envio->numero_manifiesto }}
            @endif
        </span>
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Agencia Naviera:</small><br />
        @if($envio->agencia) 
        {{ $envio->agencia->razon_social }}
        @else
        N/A
        @endif
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Bodega:</small><br />
        @if($envio->bodega)
        {{ $envio->bodega->nombre }}
        @else
        N/A
        @endif
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>OCE:</small><br />
        @if($envio->oce == 'IMP')
        	Importaci&oacute;n
        @else
        	Exportaci&oacute;n
        @endif
    </h4>
</div>
<div class="col-md-6">
    <h4>
        <small>Carga Contenedorizada:</small><br />
        @if($envio->carga_contenedorizada == '1')
        	SI
        @else
        	NO
        @endif
    </h4>
</div>

<div class="col-md-12">
    <hr />
    <ul class="nav nav-tabs" role="tablist">
        @if(sizeof($contenedores)>0)<li class="@if($solo_contenedores) active @endif"><a class="" href="#contenedores" role="tab" data-toggle="tab">Contenedores</a></li>@endif
        @if(sizeof($cargas)>0)<li class="@if($solo_carga) active @endif"><a href="#cargas" role="tab" data-toggle="tab">Cargas</a></li>@endif
        @if(sizeof($graneles)>0)<li class="@if($solo_granel) active @endif"><a class="" href="#granel" role="tab" data-toggle="tab">Granel</a></li>@endif
    </ul>
    <div class="tab-content">
    	@if(sizeof($contenedores)>0)
       <!--inicio tab contenedores-->
        <div class="tab-pane @if($solo_contenedores) active @endif table-responsive" id="contenedores">
            <table class="table table-bordered table-condensed table-hover">
                <thead>
                    <tr>
                      <th>C&oacute;digo</th>
                      <th>Tipo</th>
                      <th>Peso Bruto</th>
                      <th>Peso Neto</th>
                      <th>Garant&iacute;a</th>
                      <th>Descripci&oacute;n</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($contenedores as $c)
                    <tr>
                        <td><a href="{{ URL::route('consultar_contenedor', $c->id) }}" target="_blank">{{ $c->codigo }}</a></td>
                        <td>{{ $c->get_tipo_display() }}</td>
                        <td>{{ $c->peso_bruto }}</td>
                        <td>{{ $c->peso_neto }}</td>
                        <td>{{ $c->garantia }}</td>
                        <td>{{ $c->descripcion }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
        @if(sizeof($cargas)>0)
        <div class="tab-pane @if($solo_carga) active @endif table-responsive" id="cargas">
            <table class="table table-bordered table-condensed table-hover">
                <thead>
                    <tr>
                      {{-- <th>Carga</th> --}}
                      <th>Tipo</th>
                      <th>Cantidad</th>
                      <th>Embalaje</th>
                      <th>Peso Bruto</th>
                      <th>Peso Neto</th>
                      <th>Descripci&oacute;n</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($cargas as $c)
                    <tr>
                        {{-- <td><a href="{{ URL::route('consultar_carga', $c->id) }}" target="_blank">{{ $c->carga }}</a></td> --}}
                        <td><a href="{{ URL::route('consultar_carga', $c->id) }}" target="_blank">{{ $c->get_tipo_display() }}</a></td>
                        <td>{{ $c->cantidad }}</td>
                        <td>{{ $c->get_embalaje_tipo_display() }}</td>
                        <td>{{ $c->peso_bruto }}</td>
                        <td>{{ $c->peso_neto }}</td>
                        <td>{{ $c->descripcion }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
        @if(sizeof($graneles)>0)
        <div class="tab-pane @if($solo_granel) active @endif table-responsive" id="granel">
            <table class="table table-bordered table-condensed table-hover">
                <thead>
                    <tr>
                      {{--<th>Granel</th>--}}
                      <th>Cantidad</th>
                      <th>Peso Bruto</th>
                      <th>Peso Neto</th>
                      <th>Descripci&oacute;n</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($graneles as $g)
                    <tr>
                        {{--<td><a href="{{ URL::route('consultar_granel', $g->id) }}" target="_blank">{{ $g->granel }}</a></td>--}}
                        <td><a href="{{ URL::route('consultar_granel', $g->id) }}" target="_blank">{{ $g->cantidad }}</a></td>
                        <td>{{ $g->peso_bruto }}</td>
                        <td>{{ $g->peso_neto }}</td>
                        <td>{{ $g->descripcion }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
        <hr />
        <div class="col-md-6">
            <h4>
                <small>Descripción:</small><br />
                <span id="descripcion_text">
                    @if(!$envio->descripcion)
                    N/A<!-- &nbsp;<a id="asignar-manifiesto" data-toggle="modal" data-target="#modalNumeroManifiesto" class="btn btn-link" href="#" style="padding:0;">[Asignar uno ahora]</a> -->
                    @else
                        {{ $envio->descripcion }}
                    @endif
                </span>
            </h4>
        </div>
        
   </div>
</div>
@if($envio->puedeModificar())
<div class="col-md-12">
    <hr />
    <a href="{{ URL::route('modificar_envio', $envio->id) }}" class="btn btn-default modificar-object"><span class="glyphicon glyphicon-edit"></span>&nbsp;Modificar</a>
    <a href="{{ URL::route('eliminar_envio', $envio->id) }}" data-envio="{{ $envio->numero_manifiesto }}" class="btn btn-danger eliminar-object"><span class="glyphicon glyphicon-trash"></span>&nbsp;Eliminar</a>
</div>
@endif
<br />
<div class="clearfix"></div>
&nbsp;
<br />
<!-- START Modal -->
<div id="modalNumeroManifiesto" class="modal fade">
    <div class="modal-dialog">
        <form class="modal-content" action="/" method="post">
            <div class="modal-header">
                <div class="cell text-center">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="semibold text-primary">Asignar manifiesto</h4>
                    <!--<p class="text-muted">Datos que describen al contenedor que lleva en env&iacute;o.</p>-->
                </div>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-danger hide">
                        </div>
                        <div class="form-group">
                            <label class="control-label">N&uacute;mero Manifiesto</label>
                            <input id="numero_manifiesto" name="form-numero-manifiesto" type="text" class="form-control" data-parsley-required>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success asignarManifiesto">Asignar</button>
            </div>
        </form><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!--/ END Modal -->

<div id="modalControlEnvio" class="modal fade">
    <div class="modal-dialog">
        <form class="modal-content" id="formEnvio" action="/" method="post">
            <div class="modal-header">
                <div class="cell text-center">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="semibold text-primary">Gestionar Envio</h4>
                </div>
            </div>
            <div class="modal-body" style="padding-top: 0px;">
                <div class="row" id="div_controlEnvio">
    
                </div>
            </div>
            <div class="modal-footer">
            	<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success" onclick="envioEnviarCampos();">Aceptar</button>
            </div>
        </form><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
@endsection

@section('js-footer')
<script type="text/javascript">
    $(function(){
        $('.eliminar-object').click(function($e){
            $e.preventDefault();
            var $url = $(this).attr('href');
            var $envio = $(this).attr('data-envio');
            bootbox.confirm("Está seguro de eliminar el envio: "+$envio+"?", function(result) {
                if(result){
                    location.href = $url;
                }
            });
        });
        
        $('.asignarManifiesto').click(function(e){
            var $boton = $(this);
            $(this).addClass('disabled');
            $(this).html('Agregando..');
            // deje subiendo lo de estado de cuenta pa cerrar el ticket de wendy valencia
            var $listo = $.post('{{ URL::route("asignar_manifiesto") }}', 
                        {
                            'manifiesto': $('#numero_manifiesto').val(), 
                            'id': '{{ $envio->id }}',
                            'tipo': '{{ $envio->oce }}'
                        }, 
                        function(data){
                            if(data.OK > 0){
                                $boton.html('Asignar');
                                $boton.removeClass('disabled');
                                $('#numero_manifiesto_text').html(data.manifiesto);
                                $('#modalNumeroManifiesto').modal('hide');
                            }else{
                                $boton.html('Asignar');
                                $boton.removeClass('disabled');
                                $('.alert-danger').html(data.ERROR).removeClass('hide');
                            }
                        }                            
                );
        });
        
        $('#modalNumeroManifiesto').on('show.bs.modal', function(e){
            $('.alert-danger').html('').addClass('hide');
            $('#numero_manifiesto').val('').focus();
        });
    });
</script>
@endsection