@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Régions") }}
@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')

<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body card-body-with-table p-100">
                <div class="table-responsive">
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0">
                        <thead class="">
                            <tr>
                                <th style="width: 200px;">{{ __("Nom") }}</th>
                                <th style="width: 200px;">{{ __("Responsable") }}</th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($regions as $region)
                            <tr>
                                <td><strong>{!! $region->reg_name !!}</strong></td>
                                <td>{!! $region->reg_managerName !!}</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_{{ $region->reg_id }}" data-id="{{ $region->reg_id }}">
                                        {{ __("Modifier") }}
                                    </button>

                                    <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $region->reg_id }}" data-id="{{ $region->reg_id }}">
                                        {{ __("Supprimer") }}
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js_footer')
<script src="{{ asset('js/region.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_region') }}" enctype="multipart/form-data">

            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-modal">
                    <h4 class="modal-title text-center">{{ __("Régions") }}</h4>
                </div>

                <div class="modal-body">

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

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="required_label" for="email">{{ __('Nom de la région') }}</label>
                                    <input id="reg_name" name="reg_name" type="text" class="form-control" value="" required>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="" for="email">{{ __('Responsable') }}</label>
                                    <input id="reg_managerName" name="reg_managerName" type="text" class="form-control" value="">
                                </div>
                            </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