@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Gestion des rapports prestataire') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Paramétrage') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Gestion des rapports prestataire') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@endsection
<!-- ************************************** -->
@section('contenu')

<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
 

                <div class="tab-content" id="custom-tabs-one-tabContent"> 
                    <div class="tab-pane fade show active" id="interventions" role="tabpanel" aria-labelledby="interventions-tab">

                        <small class="float-right">
                            <a class="btn btn-defaut btn-add-new app2" id="btn_ajout_statut_di">
                            {{ __('Ajouter un etat') }}</a>
                        </small>
                        <br>
                        <H4>{{ __('Anomalies rapport') }}</H4>
                        <table id="results1" class="table table-hover table-compact table-striped nomargin" data-order='[[ 1, "asc" ]]'>
                            <thead class="">
                                <tr>
                                    <th width="400px">{{ __('Libelle') }}</th>
                                    <th>{{ __('Couleur de fond') }}</th>
                                    <th>{{ __('Actif') }}</th> 
                                    <th class="action">{{ __('Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($etats as $etat)
                                <tr>
                                    <td> {{ $etat->div_nameFr }}</td>
                                    <td>
                                        @php
                                            $color = $etat->div_color;  
                                        @endphp 
                                        <span class="badge 
                                            @if($color == 'green') bg-green
                                            @elseif($color == 'red') bg-red
                                            @elseif($color == 'orange') bg-orange
                                            @else bg-secondary
                                            @endif
                                        "style="width: 30px; height: 30px; display: inline-block;"> </span>
                                    </td>
                                    <td>{!! $etat->div_active =='1' ? '<span class="badge bg-label-success">'.trans('Oui').'</span>' : '<span class=" badge bg-label-danger">'.trans('Non').'</span>' !!}</td>
                                      
                                    <td class="action">
                                        <button type="button" class='btn btn-sm btn-success btn-edit btn-square' data-toggle="tooltip" data-table-id="results1" title="Modifier" id="btn_edit_{{ $etat->div_id }}" data-id="{{ $etat->div_id }}">
                                        </button>
                                        {{--@if( $statut->nb_di==0)
                                            <button type="button" class='btn btn-sm btn-danger btn-delete btn-square' data-table-id="results1" data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $statut->sta_id }}" data-id="{{ $statut->sta_id }}">
                                            </button>
                                        @endif--}}
                                    </td>
                                </tr>
                                @endForeach
                            </tbody>
                        </table>
  
                    </div>
                     
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js_footer')
<script src="{{ asset('js/anomalies_rapport.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_etat_RappPresta') }}" enctype="multipart/form-data">
                    @csrf
                    {{ csrf_field() }}
                    <div class="modal-content">
                        <div class="modal-header3">
                            <h4 class="modal-title3 text-center">{{ __('Etat rapport') }}</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="div_id" id="div_id">
                                    <input type="hidden" name="type_maj" id="type_maj"> 
                                    <div class="row">
                                        <div class="col-md-6">
                                            @component('components.cb_ouinon',['title' => 'Actif',
                                            'name' => 'div_active',
                                            'value' => ''])
                                            @endcomponent
                                        </div> 
                                    </div> 
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group" id="group_div_color">
                                                <label for="div_color">{{ __('Couleur de fond') }}</label>
                                                <select class="form-control" name="div_color" id="div_color">
                                                    <option value="">{{ __('Par défaut') }}</option>
                                                    <option value="green">{{ __('Vert') }}</option> 
                                                    <option value="orange">{{ __('Orange') }}</option> 
                                                    <option value="red">{{ __('Rouge') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div> 
 

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row form-group">
                                                <div class="col col-md-4">
                                                    <label for="div_order" class="form-check-label form-control-label">{{ __('Ordre') }}</label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <div class="input-group">
                                                        <input type="number" id="div_order" name="div_order" class="form-control max200" value="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row form-group">
                                                <div class="col col-md-4">
                                                    <label for="div_nameFr" class="form-check-label form-control-label">{{ __('Libellé') }}</label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <div class="input-group">
                                                        <input type="text" id="div_nameFr" name="div_nameFr" class="form-control" value="">
                                                    </div>
                                                </div>
                                            </div>
                                        </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