@extends('admin.layouts.app')

@push('page-css')
    <link rel="stylesheet" href="{{ asset('assets/css/bootstrap-datetimepicker.min.css') }}">
@endpush

@push('page-header')
<div class="col-sm-12">
    <h3 class="page-title">Gestion Contrats Maintenance</h3>
    <ul class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de Bord</a></li>
        <li class="breadcrumb-item active">Modifier Contrat Maintenance</li>
    </ul>
</div>
@endpush

@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-body custom-edit-service">
                <form method="POST" enctype="multipart/form-data" autocomplete="off" action="{{ route('contrats.update', $contrat) }}">
                    @csrf
                    @method('PUT')

                    <div class="row mb-3">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="client">Client</label>
                                <select id="client" class="select2 form-control" onchange="getEquipements(this.value)" name="client">
                                    @foreach ($clients as $client)
                                        <option value="{{ $client->id }}" {{ $contrat->client_id == $client->id ? 'selected' : '' }}>
                                            {{ $client->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="equipement">Équipement</label>
                                <select id="equipement"  class="select2 form-control" onchange="getSousequipements(this.value)" name="equipement">
                                    @foreach ($equipements as $equipement)
                                        <option value="{{ $equipement->id }}" {{ $contrat->equipement_id == $equipement->id ? 'selected' : '' }}>
                                            {{ $equipement->modele }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label>État contrat <span class="text-danger">*</span></label>
                                <select class="select2 form-control" name="status">
                                    <option>Sélectionner l'état du contrat</option>
                                    @php
                                        $statuses = [
                                            'En cours', 'Proche expiration', 'Renouvelé', 'Expiré', 'Attente approbation', 'En cours rénégociation'
                                        ];
                                    @endphp
                                    @foreach ($statuses as $status)
                                        <option value="{{ $status }}" {{ $contrat->status == $status ? 'selected' : '' }}>
                                            {{ $status }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label>Date début <span class="text-danger">*</span></label>
                                <input type="date" name="date_debut" class="form-control" value="{{ $contrat->date_debut }}">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label>Date fin <span class="text-danger">*</span></label>
                                <input type="date" name="date_fin" class="form-control" value="{{ $contrat->date_fin }}">
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-lg-12">
                            <div class="form-group">
                             <label>Type contrat<span class="text-danger">*</span></label>
                                    <select  class="select2 form-select form-control" name="type_contrat">
									<option >Sélectionner le type contrat</option>
                                    @if ( $contrat->type_contrat == "Contrat pieces et main oeuvre")
                                        <option selected value='Contrat pieces et main oeuvre'>Contrat pieces et main oeuvre</option>
                                        <option value="Contrat main oeuvre">Contrat main oeuvre</option>

                                    @elseif ( $contrat->type_contrat == "Contrat main oeuvre")
                                        <option selected value='Contrat main oeuvre'>Contrat main oeuvre</option>
                                        <option value="Contrat pieces et main oeuvre">Contrat pieces et main oeuvre</option>
									@else
                                        <option value='Contrat main oeuvre'>Contrat main oeuvre</option>
                                        <option value="Contrat pieces et main oeuvre">Contrat pieces et main oeuvre</option>
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>Notes</label>
                                <textarea class="form-control" name="note">{{ $contrat->note }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="submit-section">
                        <a href="{{ route('contrats.index') }}" class="btn btn-danger">Annuler</a>
                        <button class="btn btn-primary" type="submit">Modifier</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('page-js')
    <script src="{{ asset('assets/js/moment.min.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap-datetimepicker.min.js') }}"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#client').on('change', function() {
                let clientId = $(this).val();
                if (clientId) {
                    $.ajax({
                        url: "{{ route('equipements.parClient') }}",
                        type: "GET",
                        data: { client_id: clientId },
                        success: function(data) {
                            $('#equipement').html(data);
                        }
                    });
                }
            });
        });
    </script>
    <script>
        function getEquipements(clientId) {
            fetch('/getEquipements?client_id=' + clientId)
                .then(response => response.json())
                .then(data => {
                    const equipementSelect = document.getElementById('equipement');
                    equipementSelect.innerHTML = '<option value="">Selectionner un Equipement</option>';
                    data.forEach(equipement => {
                        const option = document.createElement('option');
                        option.value = equipement.id;
                        option.text = equipement.modele + " - " + equipement.numserie;
                        equipementSelect.appendChild(option);
                    });
                })
                .catch(error => console.error('Error fetching equipements:', error));
        }
    </script>
@endpush