<div class="row mt-5" id="mznll">
    <input type="hidden" id="lugar" value="mz">
    <div class="col-md-6">
         <div class="card" style="border-top-color:rgb(5, 5, 255);">
              <h5 class="text-muted mt-3 ml-2">Llenar campos <small class="mt-1 ml-2" style="color:#000;">Manzanillo</small></h5>
             <div class="card-body">
                <button data-toggle="modal" data-target="#Rclientes" class="mb-1 btn btn-primary mt-6 btn-sm col-md-12 col-sm-8" data-toggle="modal" data-target="#exampleModal">Nuevo cliente</button>

                 <label class=""><strong>Cliente</strong></label><br>
                 <select class="form-control inputs-ref-rec" id="cliente" name="cliente">
                     @foreach ($ClntsMZ as $var)
                         <option value="{{$var->nombre}}">{{$var->nombre}}</option>
                     @endforeach
                 </select><br>
                 <label class="mt-2"><strong>Tipo de Operación</strong></label>
                 <select class="form-control inputs-ref-rec" id="tipOperacion" name="tipOperacion">
                     <option value="">Seleccione una opción</option>
                     <option value="Importación">Importación</option>
                     <option value="Exportación">Exportación</option>
                 </select>
                 <label class="mt-2"><strong>Tipo de Carga</strong></label>
                 <select class="form-control inputs-ref-rec" id="tipoCarga" name="tipoCarga" onchange="mostrarContenedores(this)">
                    <option value="">Seleccione una opción</option>
                    <option value="Suelta">Suelta</option>
                    <option value="Contenerizada">Contenerizada</option>
                </select>

                @include('referencias.TBLGenerar.contenerizada.contenerizadaMZ')

                 <label class="mt-2"><strong>Fecha de ETA</strong></label>
                 <input type="date" id="Fecha_eta"  class="form-control inputs-ref-rec">
             </div>
         </div>
    </div>
    <div class="col-md-6">
         <div class="card" style="border-top-color:#ff0000;">
                 <h5 class="text-muted mt-3 ml-2">Verificar campos</h5>
             <div class="card-body mt-4">
                 <label class=""><strong>Referencia Provisional</strong></label>
                 <input type="text" id="folio" placeholder="Folio" value="{{$proviMZ}}" class="form-control inputs-ref-rec" readonly >
                 <label class="mt-1"><strong>Pedimento Provisional</strong></label>
                 <input type="text" id="pedimento" placeholder="Pedimento" value="{{$pedimento_proMZ}}" class="form-control inputs-ref-rec" readonly >
                 <label class="mt-1"><strong>Aduana</strong></label>
                 <input type="text" id="aduana" placeholder="Aduana" value="160" class="form-control inputs-ref-rec" readonly >
                 <label class="mt-1"><strong>Patente</strong></label>
                 <input type="text" id="patente" value="3807" placeholder="Patente" class="form-control inputs-ref-rec" readonly>
                 <button data-toggle="modal" data-target="#concecutivoMZ" id="generar1" class="btn  btn-sm mt-3 col-md-3" style="background-color:#ff0000;"><i style=" color:#ffffff;" class="icon-th-large-outline"></i></button>
                 <button class="btn btn-sm mt-3 col-md-7" id="generar" onclick="generarRef_MZ()" style="background-color:#ff0000; color:#ffffff;">Generar</button>
             </div>
         </div>
    </div>
</div>