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

<!-- ************************************** -->
@section('titre_page')
{{ __('Gestion des catégories') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">
    <a class="btn btn-defaut app2" id="btn_ajout"><i class="fas fa-plus"></i> {{ __('Ajouter') }} </a>
    <a class="btn btn-defaut app2 retour" href="/worksite"><i class="fa fa-arrow-circle-left"></i> {{ __('Liste des chantiers') }}</a>
</small>
@endsection
<!-- ************************************** -->
@section('contenu')


<div class="row">
    <div class="col-md-12">
        <div class="record-total-wrapper mt-3"></div>
        <table id="tab_categories" class="table table-di table-hover table-striped nomargin" width="100%">
            <thead class="thead-dark">
                <tr>
                    <th>{{ __('Nom') }}</th>
                    <th>{{ __('Active') }}</th>
                    <th class="action">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>

                @foreach ($worksiteCats as $item)
                <tr>
                    <td>
                        {{ $item->worCat_name }}
                    </td>
                    <td>
                        @if ($item->worCat_active == 1)
                        <span class="badge badge-success">{{ __('Oui') }}</span>
                        @else
                        <span class="badge badge-danger">{{ __('Non') }}</span>
                        @endif
                    </td>
                    <td class="action">
                        <button type="button" class='btn btn-sm btn-info btn-edit btn-circle' data-toggle="tooltip" title="Modifier"
                                id="btn_edit_worCat_{{ $item->worCat_id }}" data-id="{{ $item->worCat_id }}"> {{ __('Modifier') }}
                        </button>
                        <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer"
                                id="btn_suppr_worCat_{{ $item->worCat_id }}" data-id="{{ $item->worCat_id }}"> {{ __('Supprimer') }}
                        </button>
                    </td>
                </tr>
                @endForeach

            </tbody>
        </table>


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

</div>
@endsection


@section('js_footer')
<script src="{{ asset('js/fonctions/fonctions_selectpickers.js')}}"></script>
<script src="{{ asset('js/worksite/list_categories.js')}}"></script>
@endsection

@section('modale')
<!-- Modale AJOUT catégorie -->
<div id="Modal_ajoutWorCat" class="modal fade" role="dialog">
    <div class="modal-dialog ">
        <!-- Modal content-->
        <form method="post" id="form_modaleworCat" name="form_modaleworCat" action="{{ route('CU_worCat') }}" enctype="multipart/form-data">
            <input type="hidden" id="worCat_id" name="worCat_id" value="">
            <input type="hidden" name="CU_type" id="CU_type" value="">
            @csrf
            {{ csrf_field() }}
            <div class="modal-content">

                <div class="modal-header bg-warning" id="modal_title">
                    <h4 class="modal-title text-center">{{ __('Catégorie') }}</h4>
                </div>
                <div class="modal-body">

                    <div class="">
                        @component('components.cb_ouinon',[
                        'title' => 'Active',
                        'name' => 'worCat_active',
                        'value' => '1'
                        ])
                        @endcomponent
                    </div>
                    <div class="form-group">
                        <label for="worCat_name">{{ __('Nom') }}</label>
                        <input type="text" class="form-control" id="worCat_name" name="worCat_name" value="" maxlength="150">
                    </div>

                </div>
                <div class="modal-footer">
                    <center>
                        <button type="button" name="BTN_fermermodaleAF" id="BTN_fermermodaleAF" data-dismiss="modal" class="btn btn-abort">{{ __('Fermer') }}</button>
                        <button type="submit" class="btn btn-save">{{ __('Valider') }}</button>
                    </center>
                </div>

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

<!-- Modale de suppression catégorie-->
<div id="Modal_DeleteWorCat" class="modal modal-danger fade text-danger" role="dialog">
    <div class="modal-dialog ">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-danger">

                <h4 class="modal-title text-center">{{ __('Confirmation de suppression') }}</h4>
            </div>
            <div class="modal-body">
                {{ csrf_field() }}
                {{ method_field('DELETE') }}
                <p class="text-center">{{ __('Voulez-vous vraiment supprimer cette catégorie ?') }}</p>
            </div>
            <div class="modal-footer">
                <center>
                    <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                    <button type="button" class="btn btn-save" name="btn_suppr_worCat_ok" id="btn_suppr_worCat_ok">{{ __('Oui, supprimer') }}</button>
                </center>
            </div>
        </div>
    </div>
</div>
</div>