@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Relatórios')
{{-- styles --}}
@section('page-styles')
  <meta name="csrf-token" content="{{ csrf_token() }}" />
  <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-invoice.css') }}">
  <link rel="stylesheet" type="text/css"
    href="{{ asset('https://cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css') }}">
  <link rel="stylesheet" type="text/css"
    href="{{ asset('https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css') }}">
  <link rel="stylesheet" type="text/css"
    href="{{ asset('https://cdn.datatables.net/buttons/2.0.0/css/buttons.dataTables.min.css') }}">
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.all.min.js"></script>
  <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.min.css'>
  <style>
    .text-aling td {
      text-align: center;
    }

    .l-60 {
      width: 60px;
    }

    .l-100 {
      width: 100px;
    }
  </style>
@endsection
@section('content')
  <!-- app invoice View Page -->
  <section class="invoice-view-wrapper">
    <div class="row">
      <!-- invoice view page -->
      <div class="col-xl-12 col-md-12 col-12">
        <div class="card invoice-print-area">
          <div class="card-content">
            <div class="card-body pb-0 mx-25">
              <!-- logo and title -->
              <form action="{{ route('professional.transfer') }}" method="post">
                @csrf
                <div class="row my-3">
                  <div class="col-12">
                    <h4 class="text-primary">Repasse Médico</h4>
                    <div class="row">
                      <div class="col-md-2">
                        <label for="startDate">Data Inicio</label>
                        <input id="startDate" name="startDate" type="date" class="form-control"
                          value="{{ $data['startDate'] }}">
                      </div>
                      <div class="col-md-2">
                        <label for="andDate">Data Fim</label>
                        <input id="andDate" name="andDate" type="date" class="form-control"
                          value="{{ $data['andDate'] }}">
                      </div>
                      <div class="col-md-3">
                        <label for="professional_id">Profissional</label>
                        <select name="professional_id" id="professional_id" class="form-control selectOk">
                          <option value="">Selecionar</option>
                          @foreach ($professionals as $item)
                            <option value="{{ $item->id }}"
                              @if ($item->id == $data['professional_id']) {{ 'selected' }} @endif>{{ $item->name }}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="col-md-2">
                        <label for="condition_id">Data parametro</label>
                        <select name="condition_id" id="condition_id" class="form-control selectOk">
                          <option value="due_date" @if ($data['condition_id'] == 'confirmation_date') {{ 'selected' }} @endif>
                            Pagamentos
                          </option>
                          {{-- <option value="confirmation_date" @if ($data['condition_id'] == 'due_date') {{ 'selected' }} @endif>
                            Confirmação
                          </option> --}}
                          <option value="nfe_date" @if ($data['condition_id'] == 'nfe_date') {{ 'selected' }} @endif>
                            Data NF
                          </option>
                        </select>
                      </div>
                      <div class="col-md-3" style="margin-top: 24px">
                        <button type="submit" class="btn btn-primary">Gerar Relário</button>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
              <hr>

              <table id="launchParcel" class="display nowrap text-aling">
                <thead>
                  <tr>
                    <th>Rep. Med.</th>
                    <th>Cirurgião</th>
                    <th>Paciente</th>
                    <th>Ficha</th>
                    <th>Data de pagamento</th>
                    <th>Data de Criação ASC</th>
                    <th>Data de ASC</th>
                    <th>forma de pagamento</th>
                    <th>Nº Fiscal</th>
                    <th>NFE</th>
                    <th>data da cirurgia</th>
                    <th>Valor Pago</th>
                    <th>Parcela</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($reports as $launch)
                    @foreach ($launch->launchparcels as $item)
                      <tr>
                        <td>
                          @if ($item->confirmation_date != null && $item->confirm_transfer == 0)
                            <input id="confirm" onclick="confirm({{ $item->id }})" type="checkbox"
                              name="confirm_transfer">
                          @endif
                          @if ($item->confirmation_date != null && $item->confirm_transfer == 1)
                            <i class="bx bxs-check-circle success"></i>
                          @endif
                          @if ($item->confirmation_date == null)
                            <i class="bx bxs-error-circle error"></i>
                          @endif
                        </td>
                        <td>{{ $launch->professional->name ?? '' }}</td>
                        <td>{{ $launch->patient->name ?? '' }}</td>
                        <td>{{ $launch->cod_ind ?? '' }}</td>
                        <td>{{ $item->due_date ?? '' }}</td>
                        <td>{{ $item->surgery->surgery->date ?? '' }}</td>
                        <td>{{ $item->surgery->surgery->start_time ?? '' }}</td>
                        <td>{{ $item->payment_form->name ?? '' }}</td>
                        <td>{{ $launch->fiscal_number ?? '' }}</td>
                        <td>{{ date('Y-m-d', strtotime($launch->nfe_date)) ?? '' }}</td>
                        <td>
                          @if (isset($launch->surgery->start_time))
                            {{ date('Y-m-d', strtotime($launch->surgery->start_time)) ?? '' }}
                          @endif
                        </td>
                        <td>{{ $item->value_paid ?? '' }}</td>
                        <td>
                          @if (isset($item->current_installment))
                            {{ $item->current_installment + 1 . ' / ' . $item->total_installment }}
                          @else
                            {{ '' }}
                          @endif
                        </td>
                      </tr>
                    @endforeach
                  @endforeach
                </tbody>
                <tfoot>
                  <tr>
                    <th>Rep. Med.</th>
                    <th>Cirurgião</th>
                    <th>Paciente</th>
                    <th>Ficha</th>
                    <th>Data de vencimento</th>
                    <th>Data de Criação ASC</th>
                    <th>Data de ASC</th>
                    <th>forma de pagamento</th>
                    <th>Nº Fiscal</th>
                    <th>NFE</th>
                    <th>data da cirurgia</th>
                    <th>Valor Pago</th>
                    <th>Parcela</th>
                  </tr>
                </tfoot>
              </table>
              <!-- invoice address and contact -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
{{-- page scripts --}}
@section('page-scripts')
  <script src="{{ asset('https://code.jquery.com/jquery-3.5.1.js') }}"></script>
  <script src="{{ asset('https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js') }}"></script>
  <script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js') }}"></script>
  <script src="{{ asset('https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js') }}"></script>
  <script src="{{ asset('https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js') }}"></script>
  <script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js') }}"></script>
  <script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js') }}"></script>
  <script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js') }}"></script>
  <script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js') }}"></script>
  <script src="{{ asset('https://cdn.datatables.net/buttons/2.0.0/js/buttons.html5.min.js') }}"></script>
  <script src="{{ asset('https://cdn.datatables.net/buttons/2.0.0/js/buttons.print.min.js') }}"></script>
  <script src="{{ asset('js/scripts/pages/app-invoice.js') }}"></script>
  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

  <script>
    $(document).ready(function() {
      $('.selectOk').select2();
      // DataTables initialisation
      var table = $('#launchParcel').DataTable({
        dom: 'Bfrtip',
        buttons: [
          'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        "paging": false,
        "lengthMenu": [
          [-1],
          [10, 25, 50, "All"]
        ],
        "language": {
          "lengthMenu": "Mostrar _MENU_ registros por pagina.",
          "zeroRecords": "Não encontrado - desculpe",
          "info": "Mostrar pagina _PAGE_ de _PAGES_",
          "infoEmpty": "Sem registros disponiveis",
          "infoFiltered": "(Filtrador de _MAX_ todos os registros)"
        },
        "footerCallback": function(row, data, start, end, display) {
          var api = this.api(),
            data;

          // Remove the formatting to get integer data for summation
          var intVal = function(i) {
            return typeof i === 'string' ?
              i.replace(/[\$,]/g, '') * 1 :
              typeof i === 'number' ?
              i : 0;
          };

          // Total over all pages
          total = api
            .column(6)
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Total over this page
          pageTotal = api
            .column(6, {
              page: 'current'
            })
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Update footer
          $(api.column(6).footer()).html(
            'R$' + pageTotal + ' ( R$' + total + ' total)'
          );
        }
      });
    });

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });

    function confirm(confirm) {
      // event.preventDefault();
      Swal.fire({
        title: 'Selecionar esse repasse?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Sim',
        cancelButtonText: 'Não'
      }).then((result) => {
        if (result.isConfirmed) {
          $.ajax({
            dataType: 'json',
            url: "{{ route('confirm.transfer') }}",
            type: "post",
            data: {
              '_token': $('meta[name="csrf-token"]').attr('content'),
              'confirm_transfer': confirm
            },
          });
        }
      })
    };
  </script>
@endsection