@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __("Délais de règlement") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Gestion des délais de règlement") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')

<input type="hidden" id="delaisselectionne" name="delaisselectionne" value="{{app('request')->input('delais')}}">
<!-- Main content -->

<section class="content">
	<div class="row">
	  <!-- /.col -->
	  <div class="col-md-12">

			<table id="results" class="table table-hover table-compact table-striped nomargin" data-order='[[ 1, "asc" ]]'>
				<thead class="thead-dark">
				  <tr>
					<th>{{ __("Actif") }}</th>
					<th>{{ __("Ordre") }}</th>
					<th>{{ __("Libelle") }}</th>
                    <th>{{ __("Nb jours") }}</th>
                    <th>{{ __("Fin de mois") }}</th>
                    <th>{{ __("Jour mois suivant") }}</th>
					<th  class="action">{{ __("Actions") }}</th>
				  </tr>
				</thead>
				<tbody>
					@foreach ($delais as $delai)
					<tr>
					  <td>
						@if ($delai->payPer_active == 1)
						 <i class="fas fa-check"></i>
						@endif
					  </td>
					  <td> {{ $delai->payPer_order }}</td>
					  <td> {{ $delai->payPer_nameFr }}</td>
                      <td> {{ $delai->payPer_value }}</td>
                      <td> <span class="font-weight-normal">{{$delai->payPer_endMonth == 1 ? 'Oui' : 'Non' }}</span></td>
                      <td> {{ $delai->payPer_dayNextMonth }}</td>
					  <td class="action">
						<button type="button"
							class='btn btn-sm btn-success btn-edit btn-circle'
							data-toggle="tooltip"
							title="Modifier"
							id="btn_edit_{{ $delai->payPer_id }}" data-id="{{ $delai->payPer_id }}">
							{{ __("Modifier") }}
							</button>
						<button type="button"
							class='btn btn-sm btn-danger btn-delete btn-circle'
							data-toggle="tooltip"
							title="Supprimer"
							id="btn_suppr_{{ $delai->payPer_id }}" data-id="{{ $delai->payPer_id }}">
							{{ __("Supprimer") }}
							</button>
					  </td>
					</tr>
					@endForeach
				</tbody>
			  </table>


	  <!-- /.col -->
	</div>
	<!-- /.row -->
  </section>
  <!-- /.content -->

@endsection

@section('js_footer')
	<script src="{{ asset('js/payementperiods.js')}}"></script>
@endsection

@section('modale')
<!-- Modale AJOUT -->
<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
        <form method="post" class="" id="form_modaleajout" name="form_modaleajout" action="{{ route('CU_delais') }}" enctype="multipart/form-data">
        @csrf
        {{ csrf_field() }}
          <div class="modal-content">
			  <div class="modal-header bg-danger">
				<h4 class="modal-title text-center">{{ __("Délai de règlement") }}</h4>
				<span id="mod_header_desc">{{ __("Modification") }}</span>
			  </div>

              <div class="modal-body">

				<div class="row">
					<div class="col-md-12">
							<input type="hidden" name="payPer_id" id="payPer_id">
							<input type="hidden" name="type_maj" id="type_maj">


							@component('components.cb_ouinon',['title' => 'Actif',
							'name' => 'payPer_active',
							'value' => '1']);
							@endcomponent

							<div class="form-group">
								<label>{{ __("Ordre") }}</label>
								<input class="form-control max200" name="payPer_order" id="payPer_order" type="number" value="">
							</div>
							<div class="form-group">
								<label>{{ __("Nom") }}</label>
								<input class="form-control" name="payPer_nameFr" id="payPer_nameFr" type="text" value="">
							</div>

                            <div class="form-group">
								<label>{{ __("Nombre de jours") }}</label>
								<input class="form-control" name="payPer_value" id="payPer_value" type="number" value="">
							</div>

                            @component('components.cb_ouinon',['title' => 'Fin de mois ?',
                                        'name' => 'payPer_endMonth',
                                        'value' => '1']);
							@endcomponent

                            <div class="form-group">
								<label>{{ __("Jour du mois suivant") }}</label>
								<input class="form-control" name="payPer_dayNextMonth" id="payPer_dayNextMonth" type="number" value="">
							</div>

					</div>
				</div>

              </div>
              <div class="modal-footer">
                  <center>
					  <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA"  data-dismiss="modal" class="btn btn-abort">{{ __("Annuler") }}</button>
					  <button type="submit" class="btn btn-save">{{ __("Enregistrer") }}</button>
                  </center>
              </div>

              </form>
          </div>
    </div>
   </div>

   @include('modales.delete_standard')

@endsection