@extends('layouts.app', ['activePage' => 'deposito', 'menuParent' => 'consultas', 'titlePage' => __('Deposito')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-9">
        <div class="card">
          <div class="card-header card-header-primary card-header-icon">
            <div class="card-icon ">
              <i class="material-icons">list</i>
            </div>
            <h4 class="card-title">Deposito {{ $data->id }}</h4>
            <input type="hidden" id="nomEmpresa" value="{{ $empresa->nombreorganizacion }}">
            <input type="hidden" id="buscaCliente" value="{{ $data->cliente->razon_social }}">
            <input type="hidden" id="idPagoRealizado" value="{{ $data->id }}">
          </div>
          <div class="card-body">
            <div class="row ">
              <div class="col-md-3" id="content_cliente">
                <div class="form-group">
                  <label>Cliente:</label>
                  <input type="text" class="form-control" value="{{ $data->cliente->razon_social }}" readonly>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label>Forma Pago:</label>
                  <input type="text" class="form-control" value="{{ $data->formaPago->claveSat.' - '.$data->formaPago->nombre }}" readonly>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label>Fecha:</label>
                  <input type="text" class="form-control" value="{{ $data->fecha }}" readonly>
                </div>
              </div>
              <div class="col-md-3">
                <div class="align-content-center">
                                                              
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-3" id="content_cliente">
                <div class="form-group">
                  <label>Usuario:</label>
                  <input type="text" class="form-control" value="{{ $data->usuario->nombres }}" readonly>
                </div>
              </div>
              <div class="col-md-3" id="content_cliente">
                <div class="form-group">

                     @if ($data->estatus==1)
                      <div align="center"><span class="badge badge-success">Activo</span></div>
                      @else
                      <div align="center"><span class="badge badge-danger">Cancelado</span></div>
                      @endif
                </div>
              </div>
                          
              <div class="col-md-3">
                <div class="form-group filled bmd-form-group">
                    <label>Moneda:<span class="text-danger">*</span></label>
                    <select  id="moneda" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                      @foreach ($monedas as $u)
                        <option value="{{ $u->id }}">{{ $u->nombre }}</option>
                      @endforeach
                    </select>
                </div>
              </div>
              <div class="col-md-3 isnt-filled" style="margin-top: 3px;">
                <div class="form-group">
                  <label>Tipo Cambio:  </label>
                  <input type="text" class="form-control" id="tipo_cambioPago"  />
                </div>
              </div>

            </div>
            <!--<div class="row">
              <div class="col-md-12" align="right">
                
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1" align="right">
              <h6>Total Depósito</h6>
            </div>
            <div class="h5 mb-0 font-weight-bold text-gray-800" id="labelPagadoSD" align="right">${{ number_format($data->monto,2) }}</div>

              </div>
            </div>-->
   
       <br>
            <div class="material-datatables">
              <table class="table table-striped table-bordered table-sm table-hover display nowrap" cellspacing="0" width="100%" style="width:100%" id="gridFacturas">
                <thead class="h-25">
                  <tr style="border-bottom: solid; color: #0170ff;">

                    <th width="15%">ID</th>
                    <th width="15%">Factura</th>
                    <th width="15%">UUID</th>
                    <th width="15%">Monto</th>
             
                    <th width="15%">Acciones</th>
                  </tr>

                </thead>

                <tbody>
                  @foreach ($data->facturas as $f)
                   <tr>
                     <td>{{ $f->id }}</td>
                     <td>{{ $f->factura->serie.'-'.$f->factura->folio }}</td>
                     <td>{{ $f->factura->uuid }}</td>
                     <td>${{ number_format($f->monto,2) }}</td>
                     <!--<td>
                      @if ($f->estatus==1)
                      <div align="center"><span class="badge badge-success">Activo</span></div>
                      @else
                      <div align="center"><span class="badge badge-danger">Cancelado</span></div>
                      @endif
                    </td>-->
                     <td>