@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __('Check list de contrôle') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Check list de contrôle') }}
@endsection

<!-- ************************************** -->
@section('titre_page')
@isset($siteCon->sitCon_id)
  {{ $siteCon->sitCon_title }}
@else
  {{ __('Check list de contrôle') }}
@endisset
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">
    <a class="btn btn-defaut app2 retour" href="/checklists"><i class="fa fa-arrow-circle-left"></i> Retour</a>
</small>
@endsection
<!-- ************************************** -->
@section('contenu')

<div class="panel">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-4">

                @isset($checklist->che_id)
                <form method="post" action="{{ route('checklists.update',[@$checklist->che_id]) }}" enctype="multipart/form-data">
                    <input type="hidden" name="che_id" id="che_id" value="{{ @$checklist->che_id }}">
                    @method('PATCH')
                @else
                <form method="post" action="{{ route('checklists.store') }}" enctype="multipart/form-data">
                @endisset
                @csrf

                    <div class="form-group">
                        <label for="che_description">{{ __('Description') }}</label>
                        <input type="text" class="form-control" id="che_description" name="che_description"
                            value="{{ @$checklist->che_description }}" required maxlength="150">
                    </div>

                        <br><br>
                        <center>
                            <button type="submit" class="btn btn-save">{{ __('Enregistrer') }}</button>
                        </center>
                </form>
            </div>

            <div class="col-md-8">
                @isset($checklist->che_id)
                <div class="card card-outline card-warning">
                    <div class="card-header">
                    <h5>{{ __('Elements demandés') }}</h5>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">

                        <button id="btn_ajout" name="btn_ajout" type="button" class='btn btn-defaut btn-import app2 '>
                            {{ __('Ajouter un élement') }}
                        </button>
                        <br><br>

                        <table id="results" class="table table-compact table-hover table-striped nomargin" data-order='[[ 0, "asc" ]]'>
                            <thead class="thead-dark">
                                <tr>
                                    <th>{{ __('Ordre') }}</th>
                                    <th>{{ __('Description') }}</th>
                                    <th>{{ __('Fichier') }}</th>
                                    <th width="15%" class="action">{{ __('Actions') }}</th>
                                </tr>
                            </thead>
                                <tbody>
                                    @foreach ($elements as $element)

                                    <tr>
                                        <td> {{ $element->cheEle_order }}</td>
                                        <td><b> {{ $element->cheEle_description }} </b></td>
                                        <td>{!! $element->cheEle_isFile =='1' ? '<span class="badge bg-success">'.trans('Oui').'</span>' : '<span class=" badge bg-danger">'.trans('Non').'</span>' !!}</td>


                                        <td class="text-right">

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

                                    </tr>
                                    @endForeach
                                </tbody>
                                </table>
                            </div>
                        </div>
                        @endisset
            </div>
        </div>
    </div>
</div>
@endsection

@section('js_footer')
    <script src="{{ asset('js/checklists/edit.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_checklistelement') }}" enctype="multipart/form-data">
        @csrf
        {{ csrf_field() }}
          <div class="modal-content">
			  <div class="modal-header bg-danger">
				<h4 class="modal-title text-center">{{ __('Element') }}</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="che_id" id="che_id" value={{@$checklist->che_id}}>
                            <input type="hidden" name="cheEle_id" id="cheEle_id">
							<input type="hidden" name="type_maj" id="type_maj">

							<label class="d-flex">{{ __('Fichier joint ?') }}</label>
							<div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
									<label class="btn btn-default " id="lbl_cheEle_isFile1"><input type="radio" name="cheEle_isFile" id="cheEle_isFile1" autocomplete="off"  value="1" > {{ __('Oui') }} </label>
									<label class="btn btn-default " id="lbl_cheEle_isFile0"><input type="radio" name="cheEle_isFile" id="acheEle_isFile0" autocomplete="off"  value="0" > {{ __('Non') }} </label>
							</div>
							<div class="form-group">
								<label>{{ __('Ordre') }}</label>
								<input class="form-control max200" name="cheEle_order" id="cheEle_order" type="number" value="1">
							</div>
							<div class="form-group">
								<label>{{ __('Description') }}</label>
								<input class="form-control" name="cheEle_description" id="cheEle_description" 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