@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Lista de Lançamentos')
{{-- page style --}}
@section('page-styles')
  <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') }}">
@endsection

@section('content')
  {{-- inicio filtro --}}
  <section class="invoice-list-wrapper">
    <div class="row">
      <div class="col-3">
        <div class="invoice-create-btn mb-1">
          <a href="{{ route('launch.create') }}" class="btn btn-primary">
            Criar Lançamento
          </a>
        </div>
      </div>
      <div class="col-2">
        <fieldset class="form-group position-relative has-icon-left">
          <input type="text" id="min" name="min" class="form-control" placeholder="Selecione Data Inicial">
          <div class="form-control-position">
            <i class='bx bx-calendar-check'></i>
          </div>
        </fieldset>
      </div>
      <div class="col-2">
        <fieldset class="form-group position-relative has-icon-left">
          <input type="text" id="max" name="max" class="form-control" placeholder="Selecione data Final">
          <div class="form-control-position">
            <i class='bx bx-calendar-check'></i>
          </div>
        </fieldset>
      </div>
    </div>
    {{-- fim menu de filtro --}}

    {{-- inicio da tabela --}}
    <div class="table-responsive">
      @if ($message = Session::get('success'))
        <div class="alert alert-success alert-block">
          <button type="button" class="close" data-dismiss="alert">×</button>
          <strong>{{ $message }}</strong>
        </div>
      @endif
      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <strong>Ops!</strong> Ouve algum problema.
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <table id="launchParcel" class="display nowrap">
        <thead>
          <tr>
            <th>Lanç.</th>
            <th>Rep.</th>
            <th>Pcl.</th>
            <th>Data ASC.</th>
            <th>Venc.</th>
            <th>Ficha</th>
            <th>NF</th>
            <th>Entidade</th>
            <th>Prof.</th>
            <th>Dep.</th>
            <th>Pcl.</th>
            <th>Total</th>
            <th>Ações</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($parcels as $item)
            <tr>
              <td>
                @if (isset($item->status))
                  <i class="bx bxs-check-circle success"></i>
                  <b style="display: none">Pago</b>
                @endif
              </td>
              <td>
                @if ($item->confirm_transfer == 1)
                  <i class="bx bxs-check-circle success"></i>
                  <b style="display: none">Pago</b>
                @endif
              </td>
              <td>
                @if (isset($item->current_installment))
                  {{ $item->current_installment + 1 . ' / ' . $item->total_installment }}
                @else
                  {{ '' }}
                @endif
              </td>
              <td>
                @if (isset($item->launch->surgery) && $item->launch->surgery != null)
                  {{ date('Y-m-d', strtotime($item->launch->surgery->date ?? '')) }}
                @endif
              </td>
              <td>
                {{ date('Y-m-d', strtotime($item->due_date)) }}</td>
              </td>
              <td>
                @if (isset($item->launch->surgery->id))
                  <a href="{{ route('surgery.show', $item->launch->surgery->id) }}">
                    {{ $item->launch->surgery->id ?? '' }}
                  </a>
                @endif
              </td>
              <td>
                {{ $item->launch->fiscal_number ?? '' }}
              </td>
              <td>
                {{ $item->launch->patient->name ?? '' }}
              </td>
              <td>
                {{ $item->launch->surgery->anesthetist->name ?? '' }}
              </td>
              <td>
                {{ $item->launch->department->name ?? '' }}
              </td>
              <td>
                {{ number_format($item->value_brute, 2) }}
              </td>
              <td>
                {{ number_format($item->value_total, 2) }}
              </td>
              <td>
                @if ($item->status == 1)
                  <a href="{{ route('launch.show', $item->id) }}">
                @else
                  <a href="{{ route('launch.edit', $item->id) }}">
                @endif
                  <div class="row">
                    <div class="col-6">
                      @if ($item->launch->type_launch == 1)
                        <div class="badge badge-light-success text-bold-500 py-50">Crédito</div>
                      @else
                        <div class="badge badge-light-danger text-bold-500 py-50">Débito</div>
                      @endif
                    </div>
                  </div>
                  </a>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </section>
@endsection

{{-- vendor scripts --}}
@section('vendor-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>
@endsection
{{-- page scripts --}}
@section('page-scripts')
  <script>
    var minDate, maxDate;

    $.fn.dataTable.ext.search.push(
      function(settings, data, dataIndex) {
        var min = minDate.val();
        var max = maxDate.val();
        var item = data[4].split("-");
        var date = new Date(item[0] + "-" + item[1] + "-" + item[2]);

        if (
          (min === null && max === null) ||
          (min === null && date <= max) ||
          (min <= date && max === null) ||
          (min <= date && date <= max)
        ) {
          return true;
        }
        return false;
      }
    );

    $(document).ready(function() {
      // Create date inputs
      minDate = new DateTime($('#min'), {
        format: 'DD-MM-YYYY'
      });
      maxDate = new DateTime($('#max'), {
        format: 'DD-MM-YYYY'
      });

      // DataTables initialisation
      var table = $('#launchParcel').DataTable({
        displayLength: 10,
        scrollY:        "750px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns: true,
        dom: 'Bfrtip',
        buttons: [
          'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        order: [
          4, 'desc'
        ]
      });

      // Event listener to the two range filtering inputs to redraw on input
      $('#status').on('change', function() {
        table.draw();
      });

      // Event listener inputs to redraw on input
      $('#creditOrDebit').on('change', function() {
        table.draw();
      });

      // Refilter the table
      $('#min, #max').on('change', function() {
        table.draw();
      });
    });
  </script>
@endsection