{{-- @extends('layouts.app') --}}
@extends('layouts.sidebar')



@section('content')
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

    {{-- {{$req->sucursales}} --}}
    <!-- Daterangepicker JS -->
    <script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

    {{-- {{ $obtenerOtSinPagoContabilizado }} --}}
    {{-- INICIO TABLA --}}
    <div class="table-responsive mb-5">
        <table class="table table-striped table-hover" id="mitable">
            <thead class="color-head">

                <tr>

                    <th class="th-subhead border-th text-uppercase">OT</th>
                    <th class="th-subhead border-th text-uppercase separador-v">Sucursal</th>

                    <th class="th-subhead border-th text-uppercase separador-v">Contacto</th>

                    {{-- <th class="th-subhead border-th text-uppercase">Región</th> --}}
                    <th class="th-subhead border-th text-uppercase">Rut</th>
                    <th class="th-subhead border-th text-uppercase">Fecha Ingreso</th>
                    <th class="th-subhead border-th text-uppercase">Fecha Entrega</th>
                    <th class="th-subhead border-th text-uppercase">Medio de pago</th>
                    <th class="th-subhead border-th text-uppercase">Pendiente</th>

                    <th class="th-subhead border-th text-uppercase">Estado</th>
                    <th class="th-subhead border-th text-uppercase">Accion</th>


                </tr>
            </thead>
            <tbody id="tableUsuariosGeneral">
              


                @if (!empty($obtenerOtSinPagoContabilizado))
                    @foreach ($obtenerOtSinPagoContabilizado as $los_datos)
                        <tr>




                            <td class="td-val text-uppercase">{{ $los_datos->numero_ot }} </td> 
                            <td class="td-val text-uppercase">{{ $los_datos->nombre_sucursal }} </td> 
                            <td class="td-val">{{$los_datos->razon_social}}</td>
                            <td class="td-val">{{$los_datos->rut}}</td>
                            <td class="td-val">
                  
                              {{Carbon\Carbon::createFromDate($los_datos->fecha_ingreso?? '')->format('d-m-Y')}}
                              {{-- {{$los_datos->fecha_ingreso}} --}}
                            
                            </td>
                            <td class="td-val">
                              {{-- {{$los_datos->fecha_entrega}} --}}
            
                              @if($los_datos->fecha_entrega != "")
                              {{Carbon\Carbon::createFromDate($los_datos->fecha_entrega ?? '')->format('d-m-Y')}}
                              @endif
                            
                            </td>
                            
                            <td class="td-val text-uppercase">{{ $los_datos->descripcionmediodepago }} </td> 
                            <td class="td-val text-uppercase">
                             $ {{number_format($los_datos->totalmediopago, 0, ',', '.')}}
  
                            </td> 
                            <td class="td-val">{{$los_datos->descripcionestado}}</td>
                            <td>
                              <span class="material-symbols-outlined" style="cursor:pointer" title="Cambiar Metodo de pago"  onclick="abrirModal({{$los_datos->iddelpago}})" >
                                manage_search
                                </span>
                            </td>





                        </tr>
                    @endforeach
                @endif
            </tbody>
        </table>
        {{-- {{ $usuarios->links('pagination::bootstrap-4') }} --}}

    </div>

     <!-- Modal Tecnico -->
 <div class="modal" id="modammetododepago">
  <div class="modal-dialog"> 
      <div class="modal-content">

          <!-- Modal Header -->
          <div class="modal-header">
              <h4 class="modal-title">Cambiar Metodo de pago</h4>
              <button type="button" class="btn-close" onclick="cerrarModal()"></button>


          </div>

          <!-- Modal body -->
          <div class="modal-body">
            <form action="{{ route('ot.cambiarmetododepago') }}" method="POST" class="row" style="margin-left: 4px">

              @csrf
            <div class="col-12">
              <label for="">Medio de pago</label>
              <select required name="medio_de_pago" class="form-control" id="mediosPagosSelect">
                  <option value="">SELECCIONAR</option>
                  @if (!empty($medios_pagos))
                      @foreach ($medios_pagos as $data)
                          <option value="{{ $data->id }}"
                              {{ old('modopago') == $data->id ? 'selected' : '' }}>{{strtoupper($data->descripcion) }}
                              </option>
                      @endforeach
                  @endif
              </select>
            </div>

<input type="text" required hidden name="id_registro_pagado" id="id_registro_pagado">
              <div class="col 12"  style="margin-top: 10px; text-align: right"  >
        <button type="submit" class="btn btn-success">Guardar</button> 
        <button type="buttom" onclick="cerrarModal()" class="btn btn-danger">Cerrar</button> 
      </form>

              </div>



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




</div>

    <script>
      function cerrarModal(){
    $('#modammetododepago').hide();

  }
        function abrirModal(iddelpago){
                     $('#modammetododepago').show();

                     $("#id_registro_pagado").val(iddelpago);
    // $.ajax({
               
    //                 headers: {
    //                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    //                 },
    //                 type: 'POST',
    //                 url: "{{ route('ordendetrabajo.historial') }}",
    //                 data: {
    //                     'numerodelaot': numeroDelaOt,
                       
    //                 },
    //                 success: function(data) {
    //                 $("#tabla_servicios_selecionados").empty();
    //                    $('#modammetododepago').show();
    //                     console.log(data);
    //                   $.each(data, function(index, objeto) {

    //                     var reversedIndex = data.length - index;



    //                         var tr = "<tr>";
    //                         tr += "<td>" + reversedIndex+"</td>";

    //                           // tr += "<td>" + objeto.id + "</td>";
    //                         tr += "<td>" + (formatearFecha(objeto.fecha_ingreso) || '').toUpperCase() + "</td>";
                       
    //                          tr += "<td>" + '<a style="cursor:pointer"  onclick="irOt(' + objeto.id + ')"  >' + "REVISAR" + "</a>" +
    //                             "</td>";
    //                             // Agrega el enlace con la URL
    //                             tr += '<td><a href="' + '{{ route('imprimirot', ['idOT' => '']) }}' + objeto.id + '" target="_blank">' +
    //                                   '<span class="material-symbols-outlined">print</span>' +
    //                                   '</a></td>';

                            
    //                         $('#tabla_servicios_selecionados').append(tr);

    //                         });
    //                 },
    //                 error: function(xhr, status) {
    //                     alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
    //                 }
    //             });


  }
    </script>
@endsection