@extends('admin.layouts.base')

@section('title')
    Senecartours - Paramètres Généraux
@endsection

@push('css')
@endpush

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">Accueil</a></li>
                            <li class="breadcrumb-item active">Paramètres</li>
                        </ol>
                    </div>
                    <h4 class="page-title">Paramètres Généraux du Site</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form id="settings_form">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="mb-3">
                                        <input type="hidden" name="id" id="id" value="{{ $settings->id }}">
                                        <label for="app_address" class="form-label">Adresse Senecartours</label>
                                        <input type="text" value="{{ $settings->app_address }}" name="app_address" id="app_address" class="form-control"
                                            placeholder="Entrer l'adresse...">
                                    </div>
                                </div> <!-- end col-->

                            </div>
                            <!-- end row -->
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="app_phone1" class="form-label">Téléphone 1</label>
                                        <input type="text" value="{{ $settings->app_phone1 }}" name="app_phone1" id="app_phone1" class="form-control"
                                            placeholder="Entrer l'adresse...">
                                    </div>
                                </div> <!-- end col-->
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="app_phone2" class="form-label">Téléphone 2</label>
                                        <input type="text" value="{{ $settings->app_phone2 }}" name="app_phone2" id="app_phone2" class="form-control"
                                            placeholder="Entrer l'adresse...">
                                    </div>
                                </div> <!-- end col-->
                            </div>

                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="app_email" class="form-label">Email</label>
                                        <input type="email" value="{{ $settings->app_email }}" name="app_email" id="app_email" class="form-control"
                                            placeholder="Entrer l'email...">
                                    </div>
                                </div> <!-- end col-->
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="app_postal_code" class="form-label">Boite Postal</label>
                                        <input type="text" value="{{ $settings->app_postal_code }}" name="app_postal_code" id="app_postal_code" class="form-control"
                                            placeholder="Entrer la boite postale...">
                                    </div>
                                </div> <!-- end col-->
                            </div>

                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="facebook" class="form-label">Facebook</label>
                                        <input type="text" value="{{ $settings->facebook }}" name="facebook" id="facebook" class="form-control"
                                            placeholder="Facebook Senecartours...">
                                    </div>
                                </div> <!-- end col-->
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="instagram" class="form-label">Instagram</label>
                                        <input type="text" value="{{ $settings->instagram }}" name="instagram" id="instagram" class="form-control"
                                            placeholder="Instagram Senecartours...">
                                    </div>
                                </div> <!-- end col-->
                            </div>

                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-4">
                                        <label for="twitter" class="form-label">Twitter</label>
                                        <input type="text" value="{{ $settings->twitter }}" name="twitter" id="twitter" class="form-control"
                                            placeholder="Twitter Senecartours...">
                                    </div>
                                </div> <!-- end col-->
                                <div class="col-xl-6">
                                    <div class="mb-4">
                                        <label for="linkedin" class="form-label">LinkedIn</label>
                                        <input type="text" value="{{ $settings->linkedin }}" name="linkedin" id="linkedin" class="form-control"
                                            placeholder="LinkedIn Senecartours...">
                                    </div>
                                </div> <!-- end col-->
                            </div>

                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <select value="{{ $settings->opening_day }}" name="opening_day" class="form-select">
                                            <option selected="">Jour d'ouverture</option>
                                            <option value="Lundi">Lundi</option>
                                            <option value="Mardi">Mardi</option>
                                            <option value="Mercredi">Mercredi</option>
                                            <option value="Jeudi">Jeudi</option>
                                            <option value="Vendredi">Vendredi</option>
                                            <option value="Samedi">Samedi</option>
                                            <option value="Dimanche">Dimanche</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <select name="closing_day" value="{{ $settings->closing_day }}" class="form-select">
                                            <option selected="">Jour de Fermeture</option>
                                            <option value="Lundi">Lundi</option>
                                            <option value="Mardi">Mardi</option>
                                            <option value="Mercredi">Mercredi</option>
                                            <option value="Jeudi">Jeudi</option>
                                            <option value="Vendredi">Vendredi</option>
                                            <option value="Samedi">Samedi</option>
                                            <option value="Dimanche">Dimanche</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="example-time" class="form-label">Heure D'ouverture</label>
                                        <input class="form-control" value="{{ $settings->opening_hour }}" id="example-time" type="time" name="opening_hour">
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label for="example-time" class="form-label">Heure de Fermeture</label>
                                        <input class="form-control" id="example-time" value="{{ $settings->closing_hour }}" type="time" name="closing_hour">
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-12 text-center">
                                    <button type="submit" class="btn btn-success waves-effect waves-light m-1"><i
                                            class="fe-check-circle me-1"></i> Créer</button>
                                    <button type="reset" class="btn btn-light waves-effect waves-light m-1"><i
                                            class="fe-x me-1"></i> Annuler</button>
                                </div>
                            </div>
                        </form>

                    </div> <!-- end card-body -->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        <!-- end row-->

    </div> <!-- container -->

    </div> <!-- content -->


    @push('scripts')
        <script>
            $(document).ready(function() {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $('#settings_form').submit(function(e) {
                    e.preventDefault();

                    var formData = new FormData(this);

                    $.ajax({
                        type: 'POST',
                        url: "{{ url('add-settings') }}",
                        data: formData,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: (data) => {
                            toastr.success(data.success);
                        },
                        error: function(data) {
                            console.log(data);
                        }
                    });
                });
            })
        </script>
    @endpush
@endsection