@extends('templates.dashboard')
@section('dashboard')
                <!-- End of Topbar -->

                <!-- Begin Page Content -->
                <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">Ajouter Un Produit</h6>
                            </div>
                            
                        </div>
                    </div>
  
<div class="container">

   
<form action="{{ route('add_data_service') }}" method="POST" enctype="multipart/form-data" onsubmit="return validateForm()">
    @csrf
    <br>
    <div class="form-group">
        <label for="marque">Marque</label>
        <input type="text" class="form-control" id="marque" name="marque" placeholder="Entrer Marque">
    </div>
    <div class="form-group">
        <label for="duree">Durée de garantie</label>
        <input type="text" class="form-control" id="duree" name="duree" placeholder="Entrer Durée de garantie">
    </div>
    <div class="form-group">
        <label for="echange">Echange standard</label>
        <input type="text" class="form-control" id="echange" name="echange" placeholder="Entrer Echange standard">
    </div>
    <div class="form-group">
        <label for="reparation">Réparation</label>
        <input type="text" class="form-control" id="reparation" name="reparation" placeholder="Entrer Réparation">
    </div>
    <div class="form-group">
        <label for="point">Point d'accueil S.A.V.</label>
        <input type="text" class="form-control" id="point" name="point" placeholder="Entrer Point d'accueil S.A.V.">
    </div>
    <button class="btn btn-primary" type="submit">Ajouter</button>
</form><br><br></b><script>
function validateForm() {
    var marque = document.getElementById("marque").value;
    var duree = document.getElementById("duree").value;
    var echange = document.getElementById("echange").value;
    var reparation = document.getElementById("reparation").value;
    var point = document.getElementById("point").value;

    if (marque === "" && duree === "" && echange === "" && reparation === "" && point === "") {
        alert("Veuillez remplir au moins un champ.");
        return false; // Prevent form submission
    }

    return true; // Allow form submission
}
</script>
<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 -->

            <!-- Footer -->
      
@endsection