@extends('templates.dashboard')
@section('dashboard')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">

    <div class="container-fluid">

        <!-- Page Heading -->

        @if (session()->has('success'))
            <div id="success-message" class="container alert alert-success">
                {{ session()->get('success') }}
            </div>
            <script>
                setTimeout(function() {
                    var successMessage = document.getElementById('success-message');
                    if (successMessage) {
                        successMessage.remove();
                    }
                }, 5000); // 5000 milliseconds = 5 seconds
            </script>
        @endif
        @if ($errors->any())
            <div id ="error" class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <script>
            setTimeout(function() {
                var successMessage = document.getElementById('error');
                if (successMessage) {
                    successMessage.remove();
                }
            }, 5000); // 5000 milliseconds = 5 seconds
        </script>
        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <div class="row">
                    <div class="col-md-6">
                        <h6 class="m-0 font-weight-bold text-primary">Devis de {{ $post->nom }} fait Le
                            {{ $post->created_at }} </h6>
                    </div>

                </div>
            </div>

            <div class="container">


                <form action="{{ route('update_devis', $post->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="container mt-5">
                        <h2 class="mb-4 text-center">
                            {{ App::getLocale() === 'ar' ? 'نموذج التدخل' : (App::getLocale() === 'en' ? 'Intervention Form' : 'Formulaire d\'Intervention') }}
                        </h2>

                        @if (session()->has('success'))
                            <div id="success-message" class="container alert alert-success">
                                {{ session()->get('success') }}
                            </div>
                            <script>
                                setTimeout(function() {
                                    var successMessage = document.getElementById('success-message');
                                    if (successMessage) {
                                        successMessage.remove();
                                    }
                                }, 5000);
                            </script>
                        @endif

                        @if (session()->has('delete'))
                            <div id="error-message" class="container alert alert-danger">
                                {{ session()->get('delete') }}
                            </div>
                            <script>
                                setTimeout(function() {
                                    var errorMessage = document.getElementById('error-message');
                                    if (errorMessage) {
                                        errorMessage.remove();
                                    }
                                }, 15000);
                            </script>
                        @endif

                        <!-- First Row -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="intervention1" class="form-label">
                                    {{ App::getLocale() === 'ar' ? 'التدخل 1' : (App::getLocale() === 'en' ? 'Intervention 1' : 'Intervention 1') }}
                                    <span class="text-danger">*</span>
                                </label>
                                <select id="intervention1" class="form-select" disabled required>
                                    <option value="" selected>
                                        {{ App::getLocale() === 'ar' ? 'اختر...' : (App::getLocale() === 'en' ? 'Choose...' : 'Choisir...') }}
                                    </option>
                                    @foreach ($chirurgies as $chirurgie)
                                        <optgroup label="{{ $chirurgie->titre }}" style="color:#495057;font-size:15px;">
                                            @foreach ($chirurgie->categoryChildren as $child)
                                                <option value="{{ $child->id }}"
                                                    {{ $post->intervention1 == $child->id ? 'selected' : '' }}>
                                                    {{ $child->titre }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="intervention2" class="form-label">
                                    {{ App::getLocale() === 'ar' ? 'التدخل 2' : (App::getLocale() === 'en' ? 'Intervention 2' : 'Intervention 2') }}
                                </label>
                                <select id="intervention2" class="form-select" disabled>
                                    <option value="" selected>
                                        {{ App::getLocale() === 'ar' ? 'اختر...' : (App::getLocale() === 'en' ? 'Choose...' : 'Choisir...') }}
                                    </option>
                                    @foreach ($chirurgies as $chirurgie)
                                        <optgroup label="{{ $chirurgie->titre }}" style="color:#495057;font-size:15px;">
                                            @foreach ($chirurgie->categoryChildren as $child)
                                                <option value="{{ $child->id }}"
                                                    {{ $post->intervention2 == $child->id ? 'selected' : '' }}>
                                                    {{ $child->titre }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <!-- Second Row -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="intervention3" class="form-label">
                                    {{ App::getLocale() === 'ar' ? 'التدخل 3' : (App::getLocale() === 'en' ? 'Intervention 3' : 'Intervention 3') }}
                                </label>
                                <select id="intervention3" class="form-select" disabled>
                                    <option value="" selected>
                                        {{ App::getLocale() === 'ar' ? 'اختر...' : (App::getLocale() === 'en' ? 'Choose...' : 'Choisir...') }}
                                    </option>
                                    @foreach ($chirurgies as $chirurgie)
                                        <optgroup label="{{ $chirurgie->titre }}" style="color:#495057;font-size:15px;">
                                            @foreach ($chirurgie->categoryChildren as $child)
                                                <option value="{{ $child->id }}"
                                                    {{ $post->intervention3 == $child->id ? 'selected' : '' }}>
                                                    {{ $child->titre }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="intervention4" class="form-label">
                                    {{ App::getLocale() === 'ar' ? 'التدخل 4' : (App::getLocale() === 'en' ? 'Intervention 4' : 'Intervention 4') }}
                                </label>
                                <select id="intervention4" class="form-select" disabled>
                                    <option value="" selected>
                                        {{ App::getLocale() === 'ar' ? 'اختر...' : (App::getLocale() === 'en' ? 'Choose...' : 'Choisir...') }}
                                    </option>
                                    @foreach ($chirurgies as $chirurgie)
                                        <optgroup label="{{ $chirurgie->titre }}" style="color:#495057;font-size:15px;">
                                            @foreach ($chirurgie->categoryChildren as $child)
                                                <option value="{{ $child->id }}"
                                                    {{ $post->intervention4 == $child->id ? 'selected' : '' }}>
                                                    {{ $child->titre }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea class="form-control" id="default" readonly rows="4">{{ $post->description }}</textarea>
                        </div>


                    </div>
                </form>
                <br><br>
            </div>
        </div>





        <script src="{{ URL('Asset/tinymce/tinymce.min.js') }}"></script>
        <script src="{{ URL('Asset/script.js') }}"></script>
    </div>

    </div>

    </div>
    <!-- /.container-fluid -->

    </div>
    <!-- End of Main Content -->
@endsection