@extends('layouts.app')
  <style type="text/css">
    .modal-lg {
      max-width: 1200px;
    }

    div#atualizar_intervalos .modal-dialog,
    div#atualizar_intervalos .modal-content {
      height: 96%;
    }

    div#atualizar_intervalos .modal-body {
      overflow-y: scroll;
    }
  </style>
  @section('title', 'Intervalos de Parcelas')
@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
@include('layouts.headers.cards_prod')

<div class="container-fluid mt--5">
  <div class="row">
    <div class="col-xl-12 order-xl-1">
      <div class="card bg-secondary shadow">
        <div class="card-header bg-white border-0">
          <div class="row align-items-center">
            <div class="col-8">
              <h3 class="mb-0">{{ __('Ajustar intervalos Reman') }}</h3>
            </div>
            <div class="col-4 text-right">
              <a href="{{ route('intervalo.cadastrar_intervalos') }}" class="btn btn-sm btn-primary">{{ __('Cadastrar intervalos') }}</a>
              <button class="btn btn-sm btn-info font-weight-bold" data-toggle="modal" data-target="#atualizar_intervalos">{{__('Atualizar intervalos') }}</button>
            </div>
          </div>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-sm table-dark table-hover table-bordered text-center">
              <thead class="thead-dark">              
                <tr>
                  <th scope="col">Intervalo</th>
                  <th scope="col">Prazo</th>
                  <th scope="col">Situação</th>
                  <th scope="col">Atualizado em</th>
                </tr>
              </thead>
              <tbody>
                @foreach($intervalos as $intervalo)
                  @if($intervalo->dias_intervalo != 30)
                    <tr>
                      <td>{{intVal($intervalo->id) - 1}}º condição</td>
                      <td>{{$intervalo->dias_intervalo}} dias</td>
                      @if($intervalo->situacao_intervalo == 1)
                        <td class="text-success font-weight-bold">Habilitado</td>
                      @else
                        <td class="text-danger font-weight-bold">Inabilitado</td>
                      @endif
                      <td>{{date('d / m / Y', strtotime($intervalo->updated_at))}}</td>
                    </tr>
                  @endif  
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="atualizar_intervalos" tabindex="-1" aria-hidden="true" aria-labelledby="atualizar_intervalos" role="dialog">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Atualizar intervalos</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="close">
          <span aria-hidden="true">&times;</span>
        </button>         
      </div>      
      <div class="modal-body">
        <form method="post" action="{{route('intervalo.atualizar_intervalo')}}" id="form_atualizar">
          {{csrf_field()}}
          <!--Input hidden com informações dos números de resgistros-->
          <input type="hidden" name="numero_registros" id="numero_registros" value="{{$registros}}">
          @foreach($intervalos as $intervalo)            
            @if($intervalo->dias_intervalo != 30)
              <input type="hidden" value="{{$intervalo->dias_intervalo}}" class="valores_intervalos">
              <div class="form-group row">
                <input type="hidden" name="id_ajustar_parcela" id="id_intervalos_{{$intervalo->id}}" value="{{$intervalo->id}}">
                <div class="col-lg-6 col-md-6 col-sm-12 text-center">
                  <label for="dias_intervalo_{{$intervalo->id}}">Intervalo (dias)</label>
                  <input type="number" step="1" name="dias_intervalo_{{$intervalo->id}}" id="dias_intervalo_{{$intervalo->id}}" class="form-control form-control-sm dias_intervalos" value="{{$intervalo->dias_intervalo}}" min="1">
                  <small class="float-left mt-2 text-danger font-weight-bold texto-alerta">* Intervalo já existente</small>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 text-center">
                    <div class="row">
                      <label class="mx-auto">Situação</label>
                    </div>
                    <div class="form-check form-check-inline mr-3">
                      <input class="form-check-input" type="radio" name="situacao_intervalo_{{$intervalo->id}}" id="ativo_{{$intervalo->id}}" value="1" @if($intervalo->situacao_intervalo == 1) checked @endif>
                      <label class="form-check-label text-success" for="ativo_{{$intervalo->id}}">Ativo</label>
                    </div>
                    <div class="form-check form-check-inline ml-3">
                      <input class="form-check-input" type="radio" name="situacao_intervalo_{{$intervalo->id}}" id="inativo_{{$intervalo->id}}" value="0" @if($intervalo->situacao_intervalo == 0) checked @endif>
                      <label class="form-check-label text-danger" for="inativo_{{$intervalo->id}}">Inativo</label>
                    </div>
                </div>
              </div>
            @endif
          @endforeach
      </div>
      <div class="modal-footer">
          <input type="submit" name="input_atualizar" id="input_atualizar" value="Atualizar" class="btn btn-info float-right mr-3 font-weight-bold">
        </form>
      </div>      
    </div>
  </div>
</div>          
@include('layouts.footers.auth')

@endsection

@push('js')
  <script type="text/javascript" src="/js/atualizar_intervalo_parcelas.js"></script>
@endpush