@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6">
                    @php
                        $folderId = $folder->id; // Récupérer l'ID du dossier
                        $createdDate = $folder->created_at; // Récupérer la date de création du dossier

                        $year = $createdDate->format('Y'); // Récupérer l'année
                        $month = $createdDate->format('m'); // Récupérer le mois

                        $concatenated = "RDF-{$year}{$month}-{$folderId}"; // Concaténer les valeurs
                    @endphp
                    <h3>{{ __('messages.edit_folder') }} - N° {{$concatenated}}
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid form-validate">
        <div class="row">
            <div class="col-sm-12">
                <div class="d-flex justify-content-between">
                    <ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
                        <li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><i class="icofont icofont-package"></i>{{__('messages.info_folder')}}</a></li>
                        <li class="nav-item"><a class="nav-link" id="profile-top-tab" data-bs-toggle="tab" href="#top-profile" role="tab" aria-controls="top-profile" aria-selected="false"><i class="icofont icofont-user"></i>{{__('messages.intervention')}}</a></li>
                        <li class="nav-item"><a class="nav-link" id="dommage-top-tab" data-bs-toggle="tab" href="#top-dommage" role="tab" aria-controls="top-dommage" aria-selected="false"><i class="icofont icofont-ui-block"></i>{{__('messages.dommages')}}</a></li>
                        <li class="nav-item"><a class="nav-link" id="investigation-top-tab" data-bs-toggle="tab" href="#top-investigation" role="tab" aria-controls="top-investigation" aria-selected="false"><i class="icofont icofont-history"></i>{{__('messages.investigation')}}</a></li>
                        <li class="nav-item"><a class="nav-link" id="conclusion-top-tab" data-bs-toggle="tab" href="#top-conclusion" role="tab" aria-controls="top-conclusion" aria-selected="false"><i class="icofont icofont-result"></i>{{__('messages.conclusion')}}</a></li>
                    </ul>
                </div>

                <div class="tab-content" id="top-tabContent">
                    <div class="tab-pane fade show active" id="top-home" role="tabpanel" aria-labelledby="top-home-tab">
                        <div class="row">
                            <div class="col-sm-12">
                                <form class="needs-validation" novalidate="" method="POST" action="{{route('folders.update', $folder->id)}}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="card">

                                        <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                                            <h4 class="mb-0">{{__('messages.info_client')}}</h4>
                                        </div>
                                        <div class="card-body">
                                            <div class="row g-3 mb-3">
                                                <div class="col-md-3">
                                                    <label class="form-label" for="role">{{__('messages.civilite')}}</label>
                                                    <select class="form-select" name="civilite" required="">
                                                        <option selected disabled>Sélectionnez civilité</option>
                                                        <option value="Mr" {{ $folder->civilite === 'Mr' ? 'selected' : '' }}>Mr</option>
                                                        <option value="Mme" {{ $folder->civilite === 'Mme' ? 'selected' : '' }}>Mme</option>
                                                        <option value="Mlle" {{ $folder->civilite === 'Mlle' ? 'selected' : '' }}>Mlle</option>
                                                    </select>
                                                    @error('civilite')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label" for="name">{{__('messages.name')}}</label>
                                                    <input class="form-control" id="name" name="first_name" type="text" placeholder="{{__('messages.name')}}" required="" value="{{ $folder->first_name }}">
                                                    @error('first_name')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label" for="last_name">{{__('messages.last_name')}}</label>
                                                    <input class="form-control" id="last_name" name="last_name" type="text" placeholder="{{__('messages.last_name')}}" required="" value="{{ $folder->last_name }}">
                                                    @error('last_name')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label" for="cp">{{__('messages.cp')}}</label>
                                                    <div class="input-group left-radius">
                                                        <input class="form-control" id="cp" name="cp" type="number" placeholder="{{__('messages.cp')}}" required="" value="{{ $folder->code_postal }}">
                                                    </div>
                                                    @error('cp')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="row g-3 mb-3">
                                                <div class="col-md-3">
                                                    <label class="form-label" for="city">{{__('messages.city')}}</label>
                                                    <div class="input-group left-radius">
                                                        <input class="form-control" id="city" name="city" type="text" placeholder="{{__('messages.city')}}" required="" value="{{ $folder->city }}">
                                                    </div>
                                                    @error('city')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label" for="phone">{{__('messages.phone')}}</label>
                                                    <input class="form-control" id="phone" name="phone" type="text" required="" placeholder="0612345678" value="{{ $folder->phone }}">
                                                    @error('phone')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label" for="address">{{__('messages.address')}}</label>
                                                    <textarea class="form-control" id="address" name="address" required="" placeholder="{{__('messages.address')}}">{{ $folder->address }}</textarea>
                                                    @error('address')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="row g-3 mb-3">
                                                <div class="col-md-12">
                                                    <label class="form-label" for="avatar">{{__('messages.photo_garde')}}</label>
                                                    <input class="form-control" id="avatar" name="avatar" type="file" value="{{old('avatar')}}">

                                                    @error('avatar')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card">
                                        <div class="card-header pb-0">
                                            <h4>{{__('messages.information_assurance')}}</h4>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="row g-3 mb-3">
                                                        <div class="col-md-12">
                                                            <label class="form-label" for="title">{{__('messages.donneur_order')}}</label>
                                                            <input class="form-control" id="donneur_order" name="donneur_order" type="text" placeholder="{{__('messages.donneur_order')}}" required="" value="{{ $folder->donneur_order }}">
                                                            @error('donneur_order')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="form-label" for="assurance">{{__('messages.assurance')}}</label>
                                                            <input class="form-control" id="assurance" name="assurance" type="text" placeholder="{{__('messages.assurance')}}" required="" value="{{ $folder->assurance }}">
                                                            @error('assurance')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="form-label" for="expert">{{__('messages.expert')}}</label>
                                                            <input class="form-control" id="expert" name="expert" type="text" placeholder="{{__('messages.expert')}}" required="" value="{{ $folder->expert }}">
                                                            @error('expert')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="row g-3 mb-3">
{{--                                                        <div class="col-md-12">--}}
{{--                                                            <label class="form-label" for="ref_dossier">{{__('messages.ref_dossier')}}</label>--}}
{{--                                                            <input class="form-control" id="ref_dossier" name="ref_dossier" type="text" placeholder="{{__('messages.ref_dossier')}}" required="" value="{{ $folder->reference_dossier }}">--}}
{{--                                                            @error('ref_dossier')--}}
{{--                                                            <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                                            @enderror--}}
{{--                                                        </div>--}}
                                                        <div class="col-md-12">
                                                            <label class="form-label" for="ref_sinistre">{{__('messages.ref_sinistre')}}</label>
                                                            <input class="form-control" id="ref_sinistre" name="ref_sinistre" type="text" placeholder="{{__('messages.ref_sinistre')}}" required="" value="{{ $folder->reference_sinistre }}">
                                                            @error('ref_sinistre')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="form-label" for="ref_expert">{{__('messages.ref_expert')}}</label>
                                                            <input class="form-control" id="ref_expert" name="ref_expert" type="text" placeholder="{{__('messages.ref_expert')}}" required="" value="{{ $folder->reference_expert }}">
                                                            @error('ref_expert')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button class="btn btn-primary f-right" type="submit">{{__('messages.update_folder')}}</button>
                                        </div>

                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="top-profile" role="tabpanel" aria-labelledby="profile-top-tab">
                        <form class="needs-validation" novalidate="" method="POST" action="{{route('update.intervenant', $folder->id)}}" enctype="multipart/form-data">
                            @csrf
                        <div class="card">

                            <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                                <h4 class="mb-0">{{__('messages.intervention')}}</h4>
                            </div>
                            <div class="card-body">

                                <div class="row g-3 mb-3">
                                    <div class="col-md-3">
                                        <label class="form-label" for="role">{{__('messages.civilite')}}</label>
                                        <select class="form-select" name="title" required="">
                                            <option selected disabled>Sélectionnez civilité</option>
                                            <option value="Mr" {{ $folder->title_intervention === 'Mr' ? 'selected' : '' }}>Mr</option>
                                            <option value="Mme" {{ $folder->title_intervention === 'Mme' ? 'selected' : '' }}>Mme</option>
                                            <option value="Mlle" {{ $folder->title_intervention === 'Mlle' ? 'selected' : '' }}>Mlle</option>
                                        </select>
                                        @error('title')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
{{--                                    <div class="col-md-3">--}}
{{--                                        <label class="form-label" for="title">{{__('messages.title')}}</label>--}}
{{--                                        <input class="form-control" id="title" name="title" type="text" placeholder="{{__('messages.title')}}" required="" value="{{ $folder->title_intervention }}">--}}
{{--                                        @error('title')--}}
{{--                                        <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                        @enderror--}}
{{--                                    </div>--}}
                                    <div class="col-md-3">
                                        <label class="form-label" for="first_name_intervenant">{{__('messages.name')}}</label>
                                        <input class="form-control" id="first_name_intervenant" name="first_name_intervenant" type="text" placeholder="{{__('messages.name')}}" required="" value="{{ $folder->first_name_intervenant }}">
                                        @error('first_name_intervenant')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label" for="last_name_intervenant">{{__('messages.last_name')}}</label>
                                        <input class="form-control" id="last_name_intervenant" name="last_name_intervenant" type="text" placeholder="{{__('messages.last_name')}}" required="" value="{{ $folder->last_name_intervenant }}">
                                        @error('last_name_intervenant')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label" for="code_postal_intervenant">{{__('messages.cp')}}</label>
                                        <div class="input-group left-radius">
                                            <input class="form-control" id="code_postal_intervenant" name="code_postal_intervenant" type="text" placeholder="{{__('messages.cp')}}" required="" value="{{ $folder->code_postal_intervenant }}">
                                        </div>
                                        @error('code_postal_intervenant')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="row g-3 mb-3">
                                    <div class="col-md-3">
                                        <label class="form-label" for="city">{{__('messages.city')}}</label>
                                        <div class="input-group left-radius">
                                            <input class="form-control" id="city_intervenant" name="city_intervenant" type="text" placeholder="{{__('messages.city')}}" required="" value="{{ $folder->city_intervenant }}">
                                        </div>
                                        @error('city')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label" for="phone">{{__('messages.phone')}}</label>
                                        <input class="form-control" id="phone_intervenant" name="phone_intervenant" type="text" required="" placeholder="0612345678" value="{{ $folder->phone_intervenant }}">
                                        @error('phone')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label" for="address">{{__('messages.address')}}</label>
                                        <textarea class="form-control" id="address_intervenant" name="address_intervenant" required="" placeholder="{{__('messages.address')}}">{{ $folder->address_intervenant }}</textarea>
                                        @error('address')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-3">
                                        <label class="form-label" for="premier_contact_date">{{__('messages.contact_first')}}</label>
                                        <input class="form-control" id="premier_contact_date" name="premier_contact_date" type="date" required="" placeholder="{{__('messages.premier_contact_date')}}" value="{{ $folder->premier_contact_date }}">
                                        @error('contact_first')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label" for="date_intervention">{{__('messages.date_intervention')}}</label>
                                        <input class="form-control" id="date_intervention" name="date_intervention" type="date" required="" placeholder="{{__('messages.date_intervention')}}" value="{{ $folder->date_intervention }}">
                                        @error('date_intervention')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label" for="date_intervention">{{__('messages.durre_intervention')}}</label>
                                        <select class="form-select"  name="duree" required="">
                                            <option value="1H" selected>1H</option>
                                            <option value="2H">2H</option>
                                            <option value="3H">3H</option>
                                            <option value="4H">4H</option>
                                            <option value="5H">5H</option>
                                            <option value="6H">6H</option>
                                            <option value="7H">7H</option>
                                            <option value="8H">8H</option>
                                            <option value="9H">9H</option>
                                            <option value="10H">10H</option>
                                            <option value="11H">11H</option>
                                            <option value="12H">12H</option>
                                            <option value="13H">13H</option>
                                            <option value="14H">14H</option>
                                            <option value="15H">15H</option>
                                            <option value="16H">16H</option>
                                            <option value="17H">17H</option>
                                            <option value="18H">18H</option>
                                            <option value="19H">19H</option>
                                            <option value="20H">20H</option>
                                            <option value="21H">21H</option>
                                            <option value="22H">22H</option>
                                            <option value="23H">23H</option>
                                            <option value="24H">24H</option>
                                        </select>
                                        @error('date_intervention')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Ajoutez les autres champs de formulaire de la même manière en remplaçant value="{{old('champ')}}" par value="{{ $folder->champ }}" -->
                                </div>

                                <button class="btn btn-primary f-right" type="submit">{{__('messages.update_folder')}}</button>
                            </div>
                        </div>
                        </form>

                    </div>
                    <div class="tab-pane fade" id="top-dommage" role="tabpanel" aria-labelledby="dommage-top-tab">
                            <div class="card-header pb-0 d-flex justify-content-between align-items-center mb-3">
                                <h4 class="mb-0">{{__('messages.dommages')}}</h4>
                                <a class="btn btn-primary add-dommage"  id="add-damage-btn">
{{--                                    <i data-feather="plus-square"></i>--}}
                                    {{__('app.create_dommage')}}
                                </a>
                            </div>
                        <div class="alert alert-danger d-none" role="alert">
                            <p id="error-domage"> </p>
                        </div>
                        <form class="needs-validation" novalidate="" method="POST" action="{{route('dommages.store', $folder->id)}}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                @foreach($dommages as $dommage)
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header pb-0">
                                            <h4>Dommage - N° {{$dommage->id}}</h4>
                                        </div>
                                        <div class="card-body animate-chk">
                                            <!-- Vos champs de formulaire pour le dommage -->
                                            <!-- Exemple avec un champ de texte -->
                                            <div class="col-md-12 mb-3">
                                                <label class="form-label" for="room_name_${index}">Nom du pièce</label>
                                                <input class="form-control" id="room_name_${index}" name="room_name[]" type="text" placeholder="Nom du pièce" required="" value="{{$dommage->nom_piece}}">
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <label class="form-label" for="support_${index}">Support</label>
                                                <input class="form-control" id="support_${index}" name="support[]" type="text" placeholder="Support" required="" value="{{$dommage->support}}">
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <label class="form-label" for="humidity_${index}">Humidité</label>
                                                <input class="form-control" id="humidity_${index}" name="humidity[]" type="text" placeholder="Humidité" required="" value="{{$dommage->humidite}}">
                                            </div>
                                            <div class="col-md-12">
                                                <label class="form-label" for="attachment_${index}">Pièce jointe</label>
                                                <a href="{{ asset('storage/' . $dommage->piece_jointe) }}" target="_blank"><i class="icon-download"></i></a>
                                            </div>
                                            <span id="file-error" style="color: red;"></span>

                                        </div>
{{--                                        <div class="card-footer">--}}
{{--                                            <button class="btn btn-danger delete-damage">--}}
{{--                                                <i class="fa fa-trash"></i>--}}
{{--                                            </button>--}}
{{--                                        </div>--}}
                                    </div>
                                </div>
                                @endforeach
                            </div>


                            <div class="row dommages">

                            </div>
                            <button class="btn btn-primary f-right" id="add-damage-submit">{{__('messages.update_folder')}}</button>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="top-investigation" role="tabpanel" aria-labelledby="investigation-top-tab">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="card">
                                        <div class="card-header pb-0">
                                            <h4>{{__('messages.investigation')}}</h4>
                                        </div>
                                        <form action="{{route('investegation')}}" method="POST">
                                            @csrf
                                            <input type="hidden"  value="{{$folder->id}}" name="folder">
                                        <div class="card-body">
                                            <textarea class="summernote" name="content">{{ htmlspecialchars($folder->content) }}</textarea>

                                            <button type="submit" class="btn btn-primary">Modifier</button>

                                        </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="top-conclusion" role="tabpanel" aria-labelledby="conclusion-top-tab">
                        <h1>5555</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{--    <div class="modal fade"  id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">--}}
{{--        <div class="modal-dialog" role="document">--}}
{{--            <div class="modal-content">--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title">{{__('messages.select_message')}}</h5>--}}
{{--                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>--}}
{{--                </div>--}}
{{--                <div class="modal-body">--}}
{{--                    <form method="POST" action="{{route('leads.status', $lead->id)}}">--}}
{{--                        @csrf--}}
{{--                        <input type="hidden" id="status_id" name="status_id">--}}
{{--                        <div class="mb-3">--}}
{{--                            <label class="col-form-label" for="recipient-name">{{__('messages.select_message')}}:</label>--}}
{{--                            <select class="form-select form-control-primary-fill" id="status" name="message_select">--}}
{{--                                <option value="" disabled selected>{{__('messages.select_message')}}</option>--}}
{{--                                @foreach($messages as $message)--}}
{{--                                    <option value="{{$message->content}}">{{$message->content}}</option>--}}
{{--                                @endforeach--}}
{{--                            </select>--}}
{{--                        </div>--}}
{{--                        <div class="mb-3">--}}
{{--                            <label class="col-form-label" for="message-text">{{__('messages.message_custom')}} :</label>--}}
{{--                            <textarea class="form-control" name="custom_message"></textarea>--}}
{{--                        </div>--}}
{{--                        <div class="modal-footer">--}}
{{--                            <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">{{__('messages.close')}}</button>--}}
{{--                            <button class="btn btn-primary" type="submit">{{__('messages.update')}}</button>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}

{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
@endsection