@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('reports.cirurgy') }}" method="post">
                @csrf
                <div class="row my-3">
                  <div class="col-12">
                    <h4 class="text-primary">Lista de Cirurgias</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">
                      </div>
                      <div class="col-md-2">
                        <label for="andDate">Data Final</label>
                        <input id="andDate" name="andDate" type="date" class="form-control">
                      </div>
                      <div class="col-md-3" style="margin-top: 24px">
                        <button type="submit" class="btn btn-primary">Gerar Relatório</button>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
              <hr>

              <table id="launchParcel" class="display nowrap text-aling">
                <thead>
                  <tr>
                    <th>Ficha</th>
                    <th>Paciente</th>
                    <th>Status</th>
                    <th>Cirurgião</th>
                    <th>Anest.</th>
                    <th>Cobrador</th>
                    <th>Estab.</th>
                    <th>Valor</th>
                    <th>Data Cirurgia</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($reports as $item)
                    <tr>
                      <td>{{ $item->id ?? '' }}</td>
                      <td>{{ $item->patient->name ?? '' }}</td>
                      <td>{{ $item->status ?? '' }}</td>
                      <td>{{ $item->surgeon->name ?? '' }}</td>
                      <td>{{ $item->anesthetist->name ?? '' }}</td>
                      <td>{{ $item->receptor->name ?? '' }}</td>
                      <td>{{ $item->hospital->name ?? '' }}</td>
                      <td>R$ {{ $item->expected_value ?? '' }}</td>
                      <td>{{ $item->date ?? '' }}</td>
                    </tr>
                  @endforeach
                </tbody>
                <tfoot>
                  <tr>
                    <th>Ficha</th>
                    <th>Paciente</th>
                    <th>Status</th>
                    <th>Cirurgião</th>
                    <th>Anest.</th>
                    <th>Cobrador</th>
                    <th>Estab.</th>
                    <th>Valor</th>
                    <th>Data Cirurgia</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')
      }
    });


    //confirmar repasse médico
    function confirm(confirm) {
          $.ajax({
            dataType: 'json',
            url: "{{ route('confirm.transfer') }}",
            type: "post",
            data: {
              '_token': $('meta[name="csrf-token"]').attr('content'),
              'confirm_transfer': confirm
            },
          });
        };

    $("[name='confirm_transfer']").click(function() {
      var cont = $("[name='confirm_transfer']:checked").length;
      $("#hide").prop("disabled", cont ? false : true);
    });
  </script>
@endsection