@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Gestion des espaces') }}
@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')
<section class="content">
    <div class="row">
        <!-- /.col -->
        <div class="col-md-12">
            <div class="card card-info">

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

                    <table id="results" class="table table-hover table-compact table-striped nomargin" data-order='[[ 1, "asc" ]]'>
                        <thead class="">
                            <tr>
                                <th>{{ __('Nom') }}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($spaces as $space)
                            <tr>
                                <td> {{ $space->spa_name }}</td>
                                <td align="right">
                                    <button type="button" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier" id="btn_edit_{{ $space->spa_id }}" data-id="{{ $space->spa_id }}">
                                        {{ __('Modifier') }}
                                    </button>
                                    <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $space->spa_id }}" data-id="{{ $space->spa_id }}">
                                        {{ __('Supprimer') }}
                                    </button>
                                </td>
                            </tr>
                            @endForeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->

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

    @endsection

    @section('js_footer')
    <script src="{{ asset('js/space.js').'?'.env('VERSION_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_space') }}" enctype="multipart/form-data">
                @csrf
                {{ csrf_field() }}
                <div class="modal-content">
                    <div class="modal-header bg-secondary">
                        <h4 class="modal-title text-center">{{ __('Espace') }}</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="spa_id" id="spa_id">
                                <input type="hidden" name="type_maj" id="type_maj" value="C">

                                <div class="form-group">
                                    <label>{{ __('Nom') }}</label>
                                    <input class="form-control" name="spa_name" id="spa_name" 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