@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();
                    }
                }, 15000); // 15000 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();
                }
            }, 15000); // 15000 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">Modifier Qui Sommes-nous</h6>
                    </div>

                </div>
            </div>

            <div class="container">


                <form action="{{ route('update_contact', $post->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <br>
                    <div class="form-group">
                        <label for="title">Téléphone</label>
                        <br>
                        <div id="fax_fields">
                            <input type="text" value="{{ $post->telephone }}" class="form-control" name="telephone"
                                placeholder="Entrer telephone">
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="title">Email</label>
                        <br>
                        <div id="email_fields">
                            <input type="text" value="{{ $post->email }}" class="form-control" name="email"
                                placeholder="Entrer email">
                        </div>
                    </div>




                    <div class="form-group">
                        <label for="title">Adresse</label>
                        <input type="text" value="{{ $post->adresse }}" class="form-control" id="titre"
                            name="adresse" placeholder="Entrer adresse">
                    </div>
                    <div class="form-group">
                        <label for="title">Google Map</label>
                        <input type="text" value="{{ $post->googlemap }}" class="form-control" id="titre"
                            name="googlemap" placeholder="Entrer googlemap">
                    </div>
                    <div class="form-group">
                        <label for="title">Linkedin</label>
                        <input type="text" value="{{ $post->linkedin }}" class="form-control" id="titre"
                            name="linkedin" placeholder="Entrer linkedin">
                    </div>
                    <div class="form-group">
                        <label for="title">Instagram</label>
                        <input type="text" value="{{ $post->instagram }}" class="form-control" id="titre"
                            name="instagram" placeholder="Entrer instagram">
                    </div>
                    <div class="form-group">
                        <label for="title">Facebook</label>
                        <input type="text" value="{{ $post->facebook }}" class="form-control" id="titre"
                            name="facebook" placeholder="Entrer facebook">
                    </div>
                    <div class="form-group">
                        <label for="title">Whatsapp</label>
                        <input type="text" value="{{ $post->whatsapp }}" class="form-control" id="titre"
                            name="whatsapp" placeholder="Entrer whatsapp">
                    </div>
                    <div class="form-group">
                        <label for="title">Youtube</label>
                        <input type="text" value="{{ $post->youtube }}" class="form-control" id="titre"
                            name="youtube" placeholder="Entrer youtube">
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-3">
                                <label for="apercu" class="text-center">Logo</label>
                                @if ($post->logo_menu)
                                    <div class="text-center">
                                        <img src="{{ asset('uploads/logos/' . $post->logo_menu) }}" alt="Image Preview"
                                            width="200" height="200" class="image-gap">
                                    </div>
                                @endif
                                <br>
                                <input type="file" class="form-control-file" id="apercu" name="logo_menu"
                                    accept="image/*">
                            </div>

                        </div>
                    </div>

                    <!-- Remaining fields -->

                    <button class="btn btn-primary">Modifier</button>
                </form>




                <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