@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                  <div class="pull-left">
                        <a href="{{url('reintegros/'.$data->reintegro_id.'/editar')}}" class="btn bg-primary text-white"><i class="fa fa-edit"></i>Actualizar</a>
                        
                        @php
                          $url_previa = str_replace(url('/'), '', url()->previous());

                          $return_url = strpos($url_previa, 'crear') == false ? url()->previous() : url('reintegros');
                        @endphp
                        
                        <a href="{{$return_url}}"  class="btn bg-warning text-white"><i class="fa fa-angle-left"></i>Volver a lista</a>
                        <div class="page-title text-danger">Reintegro # {{$data->reintegro_id}}</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('reintegros') }}">Listado de Reintegros</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Reintegro # {{$data->reintegro_id}}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
              <div class="col-md-12 col-sm-12">
                <div class="card  card-box">
                  <div class="card-head">
                    <header>Datos de Solicitud</header>
                  </div>
                  
                  <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <strong>Caja Nombre</strong> <span class="pull-right">{{$data->caja_nombre}}</span> <br />
                                <strong>Saldo Actual de Caja</strong> <span class="pull-right">₡{{ number_format($data->caja_chica_saldo_final,2,'.',',') }}</span> <br />
                            </div>
                            <div class="col-md-4">
                                <strong>Solicitado Por</strong> <span class="pull-right">{{$data->cierreuser}}</span> <br />
                                <strong>Fecha Solicitud</strong> <span class="pull-right">{{$data->reintegro_fehca_solicitud}}</span> <br />
                            </div>
                            <div class="col-md-4"><strong>Estado</strong> 
                            @if($data->reintegro_estado == '1')
                                <span class="text-primary pull-right">En Solicitud</span>
                            @elseif($data->reintegro_estado == '2')
                                <span class="text-success pull-right">Aprobado</span>
                            @elseif($data->reintegro_estado == '3')
                                <span class="text-warning pull-right">Rechazado</span>
                            @elseif($data->reintegro_estado == '4')
                                <span class="text-info pull-right">Procesado</span>
                            @else
                                <span class="text-danger pull-right">Cancelado</span>
                            @endif
                                <br />
                            </div>
                        </div>

                        <hr />

                        {!! Form::model($data,['url' => ['reintegros/actualizar/'.$data->reintegro_id],'method'=>'POST','enctype'=>'multipart/form-data','id'=>'frmReintegros']) !!}
                            
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">

                                        @if(isset($mensaje))
                                            <div id="w4-danger" class="alert-danger alert in">
                                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                                <i class="icon fa fa-ban"></i> {{ $mensaje }}
                                            </div>
                                        @endif

                                        <div class="col-sm-6">
                                            <div class="form-group highlight-addon field-reintegro_valor">
                                                <label class="control-label has-star" for="reintegro_valor">Valor Reintegrado</label>

                                                <input type="text" id="reintegro_valor" class="text-right form-control" name="reintegro_valor" value="{{$data->reintegro_valor_a_reintegrar}}" disabled />
                                                <input type="hidden" id="reintegro_valor" class="text-right form-control" name="reintegro_valor" value="{{$data->reintegro_valor_a_reintegrar}}" readonly />

                                                <div class="help-block"></div>
                                            </div>
                                        </div>

                                        {!! Form::mselect('cta_bank',$cta_banks, null,'Cuenta Bancaria',$errors,6,true,true) !!}

                                    </div>

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group highlight-addon field-reintegro_comprobante_bancario">
                                                <label class="control-label has-star" for="reintegro_comprobante_bancario">Comprobante Bancario</label>

                                                <input type="text" id="reintegro_comprobante_bancario" class="form-control" name="reintegro_comprobante_bancario" value="" maxlength="255" placeholder="Comprobante Bancario" />

                                                <div class="help-block"></div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group highlight-addon field-reintegro_adjunto">
                                                <label class="control-label has-star font-weight-bold" for="reintegro_adjunto">Adjunto</label>

                                                <div class="file-input file-input-new">
                                                    <div class="clearfix"></div>
                                                    <div class="input-group file-caption-main">
                                                        <div class="input-group-btn input-group-append">
                                                            <div tabindex="500" class="btn btn-primary btn-file">
                                                                <i class="glyphicon glyphicon-folder-open"></i>&nbsp; <span class="hidden-xs">Examinar …</span>
                                                                <input type="file" id="reintegro_adjunto" name="reintegro_adjunto" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="help-block"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group highlight-addon field-reintegro_observaciones">
                                                <label class="control-label has-star" for="reintegro_observaciones">Observaciones</label>

                                                <textarea id="reintegro_observaciones" class="form-control" name="reintegro_observaciones" maxlength="500" placeholder="Observaciones"></textarea>

                                                <div class="help-block"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- <input type="hidden" id="hdn_valor_maximo_reintegro" name="hdn_valor_maximo_reintegro" value="4100.00" /> -->
                                </div>
                                <div class="col-md-4 text-center vertical-middle" style="padding-top: 2.5%;">
                                    <button type="submit" class="btn btn-success btn-lg"><span class="fa fa-save"></span> Reintegrar Valor</button>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>



                </div>
              </div>
              <div class="col-md-12 col-sm-12">
                <div class="card">
                  <div class="card-head">
                    <header>Detalle Gastos Caja</header>
                  </div>
                  <div class="card-body">
                    <div class="table-responsive">
                      <table class="table table-wrap">
                        <thead>
                          <tr>
                            <th>#</th>
                            <th>Documento</th>
                            <th>Tipo de Gasto</th>
                            <th>Proveedor</th>
                            <th>Observaciones</th>
                            <th>Fecha de Documento</th>
                            <th>Monto</th>
                            <th>¿Comprobante Interno?</th>
                            <th>Acciones</th>
                          </tr>
                        </thead>
                        <tbody>
                            @if(count($details)>0) @foreach($details as $key => $item)
                            <tr class="gradeX odd" role="row">
                                <td>{{$contador++}}</td>
                                <td>{{$item->caja_chica_detalle_documento}}</td>
                                <td>{{$item->tipo_gasto_nombre}}</td>
                                <td>{{$item->cliente_proveedor_nombre}}</td>
                                <td>{{$item->caja_chica_detalle_observaciones}}</td>
                                <td>{{$item->caja_chica_detalle_fecha_documento}}</td>
                                <td>₡{{number_format($item->caja_chica_detalle_monto,2,'.',',')}}</td>
                                <td>
                                    @if($item->caja_chica_detalle_comprobante_interno != 0)
                                    <span class="text-success">Sí</span>
                                    @else
                                    <span class="text-danger">No</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group">
                                        @if($item->caja_chica_detalle_comprobante_interno != 0)
                                        <a href="{{url('caja/chica/descargar/'.$item->caja_chica_detalle_id.'/comprobante')}}" target="_blank" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Actualizar">
                                            <i class="fa fa-download"></i>
                                        </a>
                                        @else 
                                        <a href="{{ url('/upload/files-caja-chica/files-caja-chica-detalle/'.$item->caja_chica_detalle_soporte_file) }}" download class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver">
                                            <i class="fa fa-download"></i>
                                        </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach @else
                            <tr>
                                <td colspan="10" class="text-center">No se encontraron resultados.</td>
                            </tr>
                            @endif
                        </tbody>

                      </table>
                    </div>
                  </div>
                  <div class="card-footer">
                    <div class="float-right">
                                {{ $details->appends([])->links() }}
                    </div>
                  </div>

                </div>
              </div>
            </div>
        </div>
    </div>


@endsection

@section('script')
  <script type="text/javascript">
        
    function sendfile(){
      document.getElementById("file_reintegro").submit();
    }

  </script>

<script>
        $(document).ready(function () {
            
          $("#reintegro_valor").maskMoney();

          //Initialize Select2 Elements
          $('.select2').select2()


          $('#frmReintegros').validate({
                rules: {
                  reintegro_valor: {
                    required: true
                  },
                   cta_bank: {
                    required: true
                  }, 
                  reintegro_comprobante_bancario: {
                    required: true
                  },
                 /*  reintegro_adjunto: {
                    required: true
                  },  */
                  reintegro_observaciones: {
                    required: true
                  }, 
                },
                messages: {
                  reintegro_valor: {
                    required: "Campo valor reintegro es requerido"
                  },
                  cta_bank: {
                    required: "Campo cuenta bancaria es requerido"
                  },
                  reintegro_comprobante_bancario: {
                    required: "Campo comprobante bancario es requerido"
                  },
                 /*  reintegro_adjunto: {
                    required: "Campo archivo adjunto es requerido"
                  }, */
                  reintegro_observaciones: {
                    required: "Campo observaciones es requerido"
                  },
                },
                errorElement: 'span',
                errorPlacement: function (error, element) {
                  error.addClass('invalid-feedback');
                  element.closest('.form-group').append(error);
                },
                highlight: function (element, errorClass, validClass) {
                  $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                  $(element).removeClass('is-invalid');
                }
              });
            });
    </script>
@endsection