@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Relatórios')
{{-- styles --}}
@section('page-styles')
  <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-invoice.css') }}">
  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('content')
  <!-- app invoice View Page -->
  <section class="invoice-view-wrapper">
    <div class="row">
      <!-- invoice view page -->
      <div class="col-xl-9 col-md-8 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">
                      </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">
                        <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 }}">{{ $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">Pagamento</option>
                          {{-- <option value="confirmation_date">Confirmação</option> --}}
                          <option value="nfe_date">Data NF</option>
                        </select>
                      </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>
            </div>
          </div>
        </div>
      </div>
      <!-- invoice action  -->
      <div class="col-xl-3 col-md-4 col-12">
        <div class="card invoice-action-wrapper shadow-none border">
          <div class="card-body">
            <div class="invoice-action-btn">
              <button class="btn btn-primary btn-block invoice-send-btn">
                <i class="bx bx-send"></i>
                <span>Enviar Relátorio</span>
              </button>
            </div>
            <div class="invoice-action-btn">
              <button class="btn btn-light-primary btn-block invoice-print">
                <span>Imprimir</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
{{-- page scripts --}}
@section('page-scripts')
  <script src="{{ asset('js/scripts/pages/app-invoice.js') }}"></script>
  <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();
    });
  </script>
@endsection