@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
<style>
    .is-invalid {
        border-color: #dc3545;
    }
    </style>
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __('Création intervention') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Création intervention') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', ['btn_retour' => 'true'])
@endsection

<!-- ************************************** -->
@section('contenu')

<div class="card card-info card-tabs">
    <div class="card-body">

    <div class="row align-item2s-center">

    <div class="col-md-12">
        <form method="post" action="{{ route('storeSite') }}" id="form_di" enctype="multipart/form-data">
            <input type="hidden" name="int_type" value="{{app('request')->input('intType')}}">
            <input type="hidden" name="cus_id" value="{{ Session::get('default_customer')}}">
            @csrf

            <div class="row">
                <div class="col-lg-6">

                    @if (count(Session::get('sites_user')) > 1)
                        @component('components.select.select_site',['sites' => $sites,'value' => '','search' => 'true','emptyValue' => 'false','multiple' => 'false'])
                        @endcomponent
                    @else
                     <input type="hidden" name="sit_id" id="sit_id" value="{{ Session::get('sites_user')[0]['sit_id']}}">
                    @endif

                    <div class="form-group">
                        <label class="required_label">{{ __('Titre') }}</label>
                        <input class="form-control" name="int_title" type="text" value="{{ @$intervention->int_title }}"  required>
                    </div>

                    <div class="row">
                        <div class="col-md-12">

                            @component('components.select.select_act_actDet',[
                                'activities' => @$activities,
                                'activities_details' => @$activities_details,
                                'act_value' => @$intervention->act_id,
                                'actDet_value' => @$intervention->actDet_id,
                                'required' => array(true,true),
                                'search' => array(true,true),
                                'multiples' => array(false,false),
                                'emptyValues' => array(false,false),
                                ])
                                @endcomponent

                         {{-- @component('components.select.select_activity',['activities' => $activities,'value' => '','search' => 'true','emptyValue' => 'false', 'required' => 'true','multiple' => 'false'])
                         @endcomponent --}}
                        </div>

                        {{-- <div class="col-md-3">
                            @component('components.cb_ouinon',[
                                                                'title' => 'Urgence',
                                                                'name' => 'int_urgency',
                                                                'value' => ''
                                                                ])
                            @endcomponent
                        </div> --}}

                        {{-- <div class="col-md-3">
                            @component('components.dates.select_datetime',['label' => 'Date création',
                            'value' => Date(),
                            'name' => 'int_createdDate','required' => 'false','disabled' => 'true'])
                            @endcomponent
                        </div> --}}
                    </div>

                    @if (Session::get('equipment_management')=='oui')
                        <div id="div_infos_materiels" name="div_infos_materiels">
                            <div class="row" id="div_recherche">
                                <div class="col-md-12">

                                    <div class="card card-outline card-default">
                                        <div class="card-header">
                                            <h5>{{ __('Equipements du site') }}</h5>
                                        </div> 
                                        <div class="card-body">
                                            <div class="alert alert-danger" style="font-size: 14px; display:none" role="alert" id="alert_equipement">
                                                {{ __('Merci de sélectionner au moins un équipement') }}
                                            </div>
                                            <div style="height: 350px;overflow-y: scroll;">
                                                <table style='font-size:80%'  id="tab_select_equip" class="table table-compact table-striped table-advance table-hover" width="100%" cellspacing="0">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th width="30%">{{ __('Nom') }}</th>
                                                            <th width="10%">{{ __('Localisation') }}</th>
                                                            <th width="20%">{{ __('N° de série') }}</th>
                                                            <th>{{ __('N° interne') }}</th>
                                                            <th>{{ __('Fin garantie') }}</th>
                                                            <th></th>
                                                            <th class="action">{{ __('Sélection') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                    </tbody>
                                                </table>
                                            </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                        @endif


                    <div class="row">
                        @if(Session::get('interSite_enterContact')=='oui')
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="{{ Session::get('addDi_contact_site_required')=='oui' ? 'required_label' : '' }}">{{ __('Contact site (nom et prénom)') }}</label>
                                    <input class="form-control" name="int_contactSite" type="text" value="{{ @$intervention->int_contactSite }}"  {{ Session::get('addDi_contact_site_required')=='oui' ? 'required' : '' }}>
                                </div>
                            </div>
                        @endif

                        @if(Session::get('interSite_enterContactDetails')=='oui')
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="{{ Session::get('addDi_contact_site_required')=='oui' ? 'required_label' : '' }}">{{ __('Coordonnées du contact') }}</label>
                                    <input class="form-control" name="int_coordSite" type="text" value="{{ @$intervention->int_coordSite }}"  {{ Session::get('addDi_contact_site_required')=='oui' ? 'required' : '' }}>
                                </div>
                            </div>
                        @endif
                    </div>

                    <div class="form-group">
                        <label class="{{ Session::get('interSite_description_required')=='oui' ? 'required_label' : '' }}">{{ __('Description') }}</label>
                        <textarea class="form-control trumbowyg" name="int_description" {{ Session::get('interSite_description_required')=='oui' ? 'required' : '' }}></textarea>
                    </div>
                </div>

                <div class="col-lg-6">
                    @if(Session::get('provider_defaults')=='oui' && Session::get('site_can_create_order') == 'oui')
                        <div class="card card-outline card-default" id="affectation_bloc" style="display: none">
                            <div class="card-header">
                                <h5>{{ __('Affectation') }}</h5>
                        </div>
                        <div class="card-body">


                            @component('components.select.select_provider',['providers' =>'','value' =>'','search' => 'true','emptyValue' => 'true','required' => Session::get('provider_defaults')=='oui' ? 'true' : 'false'])
                            @endcomponent
                            <span id="err_pro" style="display:none" class="text-danger">{{('Vous devez sélectionner un prestataire')}}</span>

                            <div class="row provider-only">
                                @if(Session::get('pref_pres_commande')=='non')
                                    @if(Session::get('site_can_request_quote')=='oui')
                                    <div class="col-lg-6">
                                        @component('components.cb_ouinon',[
                                        'title' => 'Effectuer une demande de devis ?',
                                        'name' => 'int_gen_provider_quote',
                                        'value' =>'0'
                                        ])
                                        @endcomponent
                                    </div>
                                    @endif
                                    @if(Session::get('site_can_create_order')=='oui')
                                    <div class="col-lg-6">
                                        @component('components.cb_ouinon',[
                                        'title' => 'Effectuer une commande sans devis ?',
                                        'name' => 'int_gen_provider_request',
                                        'value' =>'0'
                                        ])
                                        @endcomponent
                                    </div>
                                    @endif
                                @elseif(Session::get('pref_pres_commande')=='oui' && Session::get('pref_pres_commande')=='oui' )
                                {{-- <label for="">{{ __('La demande de devis sera automatiquement transmise au prestataire') }}</label> --}}
                                    <label for="">{{ __('La commande sera automatiquement transmise au prestataire') }}</label>
                                @endif
                                <span id="err_quot_req" style="display:none" class="text-danger">{{('Vous devez passer une commande ou effectuer une demande de devis')}}</span>

                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="card card-outline card-default">
                        <div class="card-header">
                          <h5>{{ __('Fichiers associés') }}</h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                                @if(Session::get('interSite_fileChoiceProvider')=='oui')
                                    @component('components.cb_ouinon',['title' => 'Visible dans interface prestataire',
                                    'name' => 'intFil_visibleProvider',
                                    'value' => '1'])
                                    @endcomponent
                                @else
                                  @if(Session::get('interSite_providerCommunication')=='oui')
                                  <input type="hidden" name="intFil_visibleProvider" id="intFil_visibleProvider" value="1">
                                  @else
                                  <input type="hidden" name="intFil_visibleProvider" id="intFil_visibleProvider" value="0">
                                  @endif
                                @endif

                                <div class="form-group">
                                    <label class="d-flex">{{ __('Catégorie') }}</label>
                                    <select name="cat_id" id="cat_id" class="form-control selectpicker" >
                                    @foreach ($intfilescategs as $intfilescateg)
                                    <option value="{!! $intfilescateg->intFilCat_id !!}"> {!! __($intfilescateg->intFilCat_nameFr) !!} </option>
                                    @endforeach
                                    </select>
                                </div>

                                <div class="form-group" id="group_file">
                                    <label for="int_fichiers" class="{{ Session::get('addDi_file_required')=='oui' ? 'required_label' : '' }}">{{ __('Fichiers') }}</label>
                                    <input id="int_fichiers" class="fileinput" type="file" name="int_fichiers[]" multiple accept="{{ Session::get('value_authorized_extensions') }}" {{ Session::get('addDi_file_required')=='oui' ? 'required' : '' }}>
                                </div>
                                <small class="form-text text-muted">{{ __('NB : Pour déposer plusieurs images, vous devez les sélectionner simultanément.') }}
                            </div>
                        </div>

                    <br><br>
                    <div class="bloc-action">
                    <input class="btn btn-defaut btn-save app2" value="{{ __('Envoyer la demande') }}" type="submit">
                    </div>
                </div>

            </div>

        </form>
    </div>
</div>
</div>
</div>
@endsection

@section('js_footer')
<script src="{{ asset('js/interventions/createSite.js').'?'.env('VERSION_JS')}}"></script>
<script>
    $(document).ready(function() {
        function toggleAffectationBloc() {
            setTimeout(function() {
                const actDetOptions = $('#actDet_id option').length;
                if (actDetOptions <= 1) { 
                    $('#affectation_bloc').hide();
                    $('#pro_id').prop('required', false); // Supprimez l'attribut required
                }
            }, 200);
        }

        $('#act_id').on('changed.bs.select', function() {
            toggleAffectationBloc();
        });

        $('#actDet_id').on('changed.bs.select', function() {
            toggleAffectationBloc();
        });

        toggleAffectationBloc();

        // Validation pour forcer le choix entre devis et commande
        const form = $('#form_di'); 
        const errorSpan = $('#err_quot_req'); 
        const errorPro = $('#err_pro'); 

        if ($('input[name="int_gen_provider_quote"]').length > 0 || $('input[name="int_gen_provider_request"]').length > 0) {
            form.on('submit', function(e) {
                let isValid = true; 
                errorSpan.hide();
                errorPro.hide();

                // Vérifiez si le bloc affectation_bloc est visible
                if ($('#affectation_bloc').is(':visible')) {
                    const quoteChecked = $('input[name="int_gen_provider_quote"]:checked').val() === '1';
                    const requestChecked = $('input[name="int_gen_provider_request"]:checked').val() === '1';

                    if (!quoteChecked && !requestChecked) {
                        e.preventDefault();
                        console.log('Aucun choix sélectionné, affichage du message d\'erreur.'); 
                        errorSpan.text('Vous devez choisir entre effectuer une demande de devis ou une commande sans devis.').show();
                        isValid = false;
                    }
                }

                if ($('#pro_id').is(':visible') && (quoteChecked || requestChecked)) { 
                    const prestataire = $('#pro_id').val().trim(); 
                    if (!prestataire) { 
                        isValid = false; 
                        errorPro.show();
                        errorPro[0].scrollIntoView({ behavior: 'smooth', block: 'start' }); 
                    }
                }

                if (!isValid) {
                    e.preventDefault();
                    console.log('Form submission blocked due to validation errors.');
                }
            });
        }
    });
</script>
@endsection
@section('modale')
    <!-- Modale interventions -->
    <div class="modal fade" id="interventionsModal" tabindex="-1" role="dialog" aria-labelledby="interventionsModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-modal bg-warning">
                    <h4 class="modal-title text-center" id="interventionsModalLabel">{{ __('Interventions en cours') }} <span id="act_sit"></span> </h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning" style="font-size: 14px;" role="alert">
                        {{ __('Attention voici les interventions en cours pour la même sous activité. Etes vous sûr de ne pas créer un doublon?') }}
                    </div>
                     <div style="height: 350px;overflow-y:scroll">
                        <table class="table table-hover table-striped" id="interventionsTable">
                            <thead>
                                <tr>
                                    <th>Titre</th>
                                    <th>Date Création</th>
                                    <th>Etat</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="modal-footer">
                    <center>
                        <button type="button"   data-dismiss="modal" class="btn btn-abort">{{ __('Fermer') }}</button>
                     </center>
                </div>
            </div>
        </div>
    </div>
<!-- Modale info -->
<div id="Modale_info_Equipement" class="modal fade" role="dialog">
    <div class="modal-dialog ">
        <!-- Modal content-->
        <div class="modal-content">

            <div class="modal-header bg-modal">
                <h4 class="modal-title text-center">{{ __('Informations') }}</h4>
            </div>
            <div class="modal-body">
                <div id="descriptionInt">
                </div>
            </div>

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

@endsection