<div class="modal fade" id="recRefMZ{{$var->id}}" style="background-color:rgb(255, 255, 255, 0.0);">
    <div class="modal-dialog modal-lg modal-md">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
          <img src="{{asset('img/logo_CIE.png')}}" alt="" width="70px"><h4 class="modal-title ml-5">Rectificar referencia No.{{$var->pedimento}}</h4><small class="ml-3 mt-1">Manzanillo</small>
          <button type="button" class="close" data-dismiss="modal">×</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body">
          <div class="container">

            <form action="">
              <div class="row">

                <input type="hidden" id="id_ref{{$var->id}}" value="{{$var->folio}}" class="inputs-rec-ref">

                <div class="col-md-12">
                  <label for="">Cliente</label>
                  <div class="input-group flex-nowrap">
                    <div class="input-group-prepend">
                      <span class="input-group-text inputs-rec-ref" id="addon-wrapping" style="font-size:15px;"><i class="icon-user"></i></span>
                    </div>
                    <input type="text" disabled class="form-control inputs-rec-ref" id="cliente" value="{{$var->pedimento}}">
                  </div>
                </div>

                <div class="col-md-12 mt-5">
                  <div class="input-group flex-nowrap">
                    <div class="input-group-prepend">
                      <span class="input-group-text inputs-rec-ref" id="addon-wrapping" style="font-size:15px;"><i class="icon-calendar"></i></span>
                    </div>
                    <input type="date" class="form-control inputs-rec-ref" disabled id="fecha_eta" value="<?php echo date('Y-m-d', strtotime($var->fecha_eta)); ?>">
                    <div class="input-group-prepend">
                      <span class="input-group-text inputs-rec-ref" id="addon-wrapping" style="font-size:15px;"><i class="icon-box"></i></span>
                    </div>
                    <input type="text" disabled class="form-control inputs-rec-ref col-md-4" id="tip_carga" value="{{$var->tip_carga}}">
                    <div class="input-group-prepend">
                      <span class="input-group-text inputs-rec-ref" id="addon-wrapping" style="font-size:15px;"><i class="icon-directions_ferry"></i></span>
                    </div>
                    <input type="text" disabled class="form-control inputs-rec-ref col-md-4" id="tip_operacion" value="{{$var->tip_operacion}}">
                  </div>
                </div>

                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table tab table-bordered text-center">
                            <tr class="tab">
                              <td class="tab">{{$var->cont1}}<input type="hidden" id="cont1mz" value="{{$var->cont1}}"></td>
                              <td class="tab">{{$var->cont2}}<input type="hidden" id="cont2mz" value="{{$var->cont2}}"></td>
                            </tr>
                            <tr class="tab">
                              <td class="tab">{{$var->cont3}}<input type="hidden" id="cont3mz" value="{{$var->cont3}}"></td>
                              <td class="tab">{{$var->cont4}}<input type="hidden" id="cont4mz" value="{{$var->cont4}}"></td>
                            </tr>
                            <tr class="tab">
                              <td class="tab">{{$var->cont5}}<input type="hidden" id="cont5mz" value="{{$var->cont5}}"></td>
                              <td class="tab">{{$var->cont6}}<input type="hidden" id="cont6mz" value="{{$var->cont6}}"></td>
                            </tr>
                            <tr class="tab">
                              <td class="tab">{{$var->cont7}}<input type="hidden" id="cont7mz" value="{{$var->cont7}}"></td>
                              <td class="tab">{{$var->cont8}}<input type="hidden" id="cont8mz" value="{{$var->cont8}}"></td>
                            </tr>
                            <tr class="tab">
                              <td class="tab">{{$var->cont9}}<input type="hidden" id="cont9mz" value="{{$var->cont9}}"></td>
                              <td class="tab">{{$var->cont10}}<input type="hidden" id="cont10mz" value="{{$var->cont10}}"></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="col-md-12">
                  <label for="">Especificar rectificación: *</label>
                  <textarea class="form-control inputs-rec-ref" id="especificar{{$var->id}}" required cols="100" maxlength="100" rows="5"></textarea>
                </div>

                <div class="col-md-12">
                  <label for="">Con cargo a: *</label><br>
                  <select class="form-control inputs-rec-ref" id="cargo{{$var->id}}">
                    <option value="Cliente">Cliente</option>
                    <option value="Empledo">Empledo</option>
                    <option value="Empresa">Empresa</option>
                  </select>
                </div>

                <div class="col-md-2 offset-md-10 mt-2">
                  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#RefGenMZ" onclick="rec_ActualMZ{{$var->id}}()">Generar</button>
                </div>

                <style>
                  .tab{
                    border: #c4c4c4 2px solid;
                  }
                </style>
              </div>
            </form>

          </div>
        </div>
        
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
        </div>
        
      </div>
    </div>
</div>
