@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Catégories de fichiers") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Catégories de fichiers") }}
@endsection

@section('titre_page')
{{ __("Liste") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection

<!-- ************************************** -->

@section('contenu')

<!-- Main content -->
<div class="panel">

    <section class="content">
        <div class="row">

            <!-- /.col -->
            <div class="col-md-12">
                <div class="card card-info">

                    <!-- /.card-header -->
                    <div class="card-body p-100">

                        <div class="table-responsive mailbox-messages">
                            <table id="results" class="table table-hover table-compact table-striped" data-order='[[ 1, "asc" ]]'>
                                <thead class="thead-dark">

                                    <tr>
                                        <th>#</th>
                                        <th>{{ __("Ordre") }}</th>
                                        <th>{{ __("Libelle") }}</th>
                                        <th>{{ __("Actif") }}</th>
                                        <th>{{ __("Obligatoire") }}</th>
                                        <th class="action">{{ __("Actions") }}</th>

                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($categfichiers as $element)
                                    <tr>
                                        <td> {{ $element->proFilCat_id }}</td>

                                        <td> {{ $element->proFilCat_order }}</td>
                                        <td> <b>{{ $element->proFilCat_nameFr }}</b></td>
                                        <td> @if ($element->proFilCat_active == 1)
                                            <i class="fas fa-check"></i>
                                            @endif
                                        <td> @if ($element->proFilCat_obligatory == 1)
                                            <i class="fas fa-check"></i>
                                            @endif

                                        <td class="action">
                                            <button type="button" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier" id="btn_edit_{{ $element->proFilCat_id }}" data-id="{{ $element->proFilCat_id }}">
                                                {{ __("Modifier") }}
                                            </button>
                                            <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $element->proFilCat_id }}" data-id="{{ $element->proFilCat_id }}">
                                                {{ __("Supprimer") }}
                                            </button>
                                        </td>

                                    </tr>
                                    @endForeach

                                </tbody>
                            </table>
                            <!-- /.table -->
                        </div>
                        <!-- /.mail-box-messages -->
                    </div>
                    <!-- /.card-body -->

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

@endsection

@section('js_footer')
<script src="{{ asset('js/providerfilecategory.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_providerfilecategory') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <h4 class="modal-title text-center">{{ __("Catégorie de fichiers") }}</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="proFilCat_id" id="proFilCat_id">
                            <input type="hidden" name="type_maj" id="type_maj">

                            <div class="d-flex justify-content-start">
                                <div>
                                    <label class="d-flex">{{ __("Actif") }}</label>
                                    <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                        <label class="btn btn-default " id="lbl_active1"><input type="radio" name="proFilCat_active" id="proFilCat_active" autocomplete="off" value="1"> {{ __("Oui") }} </label>
                                        <label class="btn btn-default " id="lbl_active0"><input type="radio" name="proFilCat_active" id="proFilCat_active" autocomplete="off" value="0"> {{ __("Non") }} </label>
                                    </div>
                                </div>

                                <div class="ml-3">
                                    <label class="d-flex">{{ __("Obligatoire") }}</label>
                                    <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                        <label class="btn btn-default " id="lbl_obligatory1"><input type="radio" name="proFilCat_obligatory" id="proFilCat_obligatory" autocomplete="off" value="1"> {{ __("Oui") }} </label>
                                        <label class="btn btn-default " id="lbl_obligatory0"><input type="radio" name="proFilCat_obligatory" id="proFilCat_obligatory" autocomplete="off" value="0"> {{ __("Non") }} </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>{{ __("Ordre") }}</label>
                                <input class="form-control max200" name="proFilCat_order" id="proFilCat_order" type="number" value="">
                            </div>
                            <div class="form-group">
                                <label>{{ __("Nom") }}</label>
                                <input class="form-control" name="proFilCat_nameFr" id="proFilCat_nameFr" type="text" 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