@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Criar Lançamento')
{{-- vendor styles --}}
@section('vendor-styles')
  <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins/forms/validation/form-validation.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/pickers/pickadate/pickadate.css') }}">

  <style>
    .modal-layout {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0px;
      left: 0px;
      background: rgba(0, 0, 0, .5);
      z-index: 2000;
      display: none;
      justify-content: center;
      align-items: center;
    }

    .modal-layout.mostrar {
      display: flex;
    }
  </style>
@endsection

@section('content')
  <section class="users-edit">
    <div class="card">
      <div class="card-content">
        <div class="card-body">
          <ul class="nav nav-tabs mb-2" role="tablist">
            <li class="nav-item">
              <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab" href="#account"
                aria-controls="account" role="tab" aria-selected="true">
                <i class='bx bx-receipt mr-25'></i><span class="d-none d-sm-block">Dados do lançamento</span>
              </a>
            </li>
          </ul>
          <div class="tab-content">
            @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 com o Upload.
                <ul>
                  @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                  @endforeach
                </ul>
              </div>
            @endif
            <div class="tab-pane active fade show" id="account" aria-labelledby="account-tab" role="tabpanel">
              <form action="{{ route('launch.store') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                  <div class="col-2">
                    <label>Cod. Idn.</label>
                    <span class="form-control"></span>
                  </div>
                  <div class="col-2">
                    <label>Parcela</label>
                    <span class="form-control"></span>
                  </div>
                  <div class="col-2">
                    <label>Confirmado</label>
                    <span class="form-control"></span>
                  </div>
                  <div class="col-4">
                    <label>Usuario</label>
                    <span class="form-control">{{ Auth::user()->name }}</span>
                  </div>
                  <div class="col-2">
                    <label>Vencimento</label>
                    <input type="date" name="parcel[due_date]" class="form-control" value="{{ date('Y-m-d') ?? old('due_date') }}">
                  </div>
                  <div class="col-2 mt-1">
                    <label>Tipo</label>
                    <select id="type_launch" name="launch[type_launch]" class="form-control">
                      <option value="">Selecione</option>
                      <option value="1">Entrada(Crédito)</option>
                      <option value="0">Saída(Débito)</option>
                    </select>
                  </div>
                  <div class="col-4 mt-1">
                    <label>Plano de Contas</label>
                    <select id="optionPlan" name="launch[account_plan_id]" class="form-control selectOk">
                      <option value="">Selecione</option>
                      @foreach ($accounts_plan as $item)
                        <option data-option="{{ $item->credit_debit }}" value="{{ $item->id }}">
                          {{ $item->name }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-4 mt-1">
                    <label>Forma de Pagamento</label>
                    <select name="parcel[payment_form_id]" class="form-control selectOk">
                      <option value="">Selecione</option>
                      @foreach ($payment_options as $item)
                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-2 mt-1">
                    <label>Lançamento</label>
                    <input type="date" name="launch[launch_date]" class="form-control" value="{{ date('Y-m-d') ?? old('launch_date') }}">
                  </div>
                  <div class="col-2 mt-1">
                    <label>Nº Documento</label>
                    <input name="launch[document_number]" type="text" class="form-control" value="{{ old('document_number') }}">
                  </div>
                  <div class="col-2 mt-1">
                    <label>Nº Fiscal</label>
                    <input name="launch[fiscal_number]" type="text" class="form-control" value="{{ old('fiscal_number') }}">
                  </div>
                  <div class="col-md-2 mt-1">
                    <label> NFe</label>
                    <input type="date" name="launch[nfe_date]" class="form-control" value="{{ old('nfe_date') }}">
                  </div>
                  <div class="col-6 mt-1">
                    <label>Departamento</label>
                    <select id="optionDepartament" name="launch[department_id]" class="form-control selectOk" required>
                      <option value="">Selecione</option>
                      @foreach ($departments as $item)
                        <option data-option="{{ $item->account_plan_id }}" value="{{ $item->id }}">
                          {{ $item->name }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-2 mt-1">
                    <label>Ficha</label>
                    <select name="launch[surgery_id]" class="form-control selectOk">
                      <option value="">Selecione vincular ficha</option>
                      @foreach ($surgeries as $item)
                        <option value="{{ $item->id }}">{{ $item->id }} - {{ $item->patient->name ?? '' }}
                        </option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-6 mt-1">
                    <label>Entidade</label>
                    <select id="patient" name="launch[entity_id]" class="form-control selectOk">
                      <option value="">Selecione</option>
                      @foreach ($patients as $item)
                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-1 mt-1">
                    <input type="button" onclick="startModal()" class="btn btn-success form-control mt-1"
                      value="+">
                  </div>
                  <div class="col-3 mt-1">
                    <label>Valor Original</label>
                    <span class="form-control">S/N</span>
                  </div>
                  <div class="col-5 mt-1">
                    <label>Descrição sobre o lançamento</label>
                    <input type="text" name="launch[description]" class="form-control" value="{{ old('description') }}">
                  </div>
                  <div class="col-md-4 mt-1">
                    <label for="basicInputFile">Escolhar o arquivo para upload</label>
                    <div class="custom-file">
                      <input name="file" type="file" class="custom-file-input" id="inputGroupFile01">
                      <label class="custom-file-label" for="inputGroupFile01">Escolher arquivo</label>
                    </div>
                  </div>
                  <div class="col-3 mt-1">
                    <label>Valor Total</label>
                    <input type="text" name="parcel[value_total]" class="form-control value" value="{{ old('value_total') }}" required>
                  </div>
                </div>
                <hr>
                {{-- parcelamento --}}
                <div id="table_parcel" class="row" style="display: none">
                  <div class="col-2">
                    <label>Valor lançamento</label>
                    <input id="value_parcel" name="value_original" type="text" class="form-control">
                  </div>
                  <div class="col-2">
                    <label>Repetição</label>
                    <select id="repetition" name="repetition" class="form-control" onclick="removeDisabled()">
                      <option value="0">Mensal</option>
                      <option value="1">Bimestral</option>
                      <option value="4">Intervalor</option>
                    </select>
                  </div>
                  <div class="col-2">
                    <label>Interv.</label>
                    <input id="interval" type="number" name="interval" class="form-control next_number" disabled>
                  </div>
                  <div class="col-2">
                    <label>Qtd.</label>
                    <input id="quantity_parcel" type="number" name="quantity_parcel" class="form-control">
                  </div>
                  <div class="col-2">
                    <label>Data 1º venc.</label>
                    <input id="first_installment" type="date" name="first_installment" class="form-control"
                      value="{{ date('Y-m-d') }}">
                  </div>
                  <div class="col-2 mt-2">
                    <input type="button" onclick="createTable()" class="btn btn-success" value="Calcular">
                  </div>

                  <div class="table-responsive">
                    <table class="table">
                      <thead>
                        <tr>
                          <th>Número</th>
                          <th>Vencimento</th>
                          <th>Valor</th>
                        </tr>
                      </thead>
                      <tbody class="inner__tabela"></tbody>
                    </table>
                  </div>
                </div>
                {{-- fim área dos parcelamentos --}}
                <div class="row">
                  <div class="col-2">
                    <input id="parcelShow" type="button" onclick="mostrarTabela()" class="btn btn-primary"
                      value="Parcelar">
                  </div>
                  <div class="col-2">
                    <input id="cancelParcel" type="button" onclick="cancelTabela()" class="btn btn-warning"
                      value="Fechar" style="display: none">
                  </div>
                  <div class="col-8 d-flex flex-sm-row flex-column justify-content-end ">
                    <button type="submit" class="btn btn-primary">Lançar</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')

  @include('box._parcials.scripts')

  @include('andes._parcials.patiets')

  @include('andes._parcials.insurance')

  @include('andes._parcials.hospital')

@endsection

{{-- page scripts --}}
@section('page-scripts')

  @include('box._parcials.automations')

  <script src="{{ asset('js/scripts/navs/navs.js') }}"></script>
@endsection