@extends('backend.template.layouts.template-base')

@section('title')
    General Settings | {{ config('app.name') }}
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-3">
            @include('backend.template.settings.sidebar')
        </div>
        <div class="col-lg-9">
            <form id="socialmedia" action="{{ route('backend.template.settings.update', 'socialmedia') }}" method="post"
                enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">Social Media Links</h4>
                    </div><!-- end card header -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="facebook">Facebook</label>
                                    <input id="facebook" name="facebook" type="text"
                                        value="{{ Arr::has($settings, 'facebook') ? $settings['facebook'] : null }}"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="instagram" class="form-label">Instagram</label>
                                    <input id="instagram" name="instagram" type="text"
                                    value="{{ Arr::has($settings, 'instagram') ? $settings['instagram'] : null }}"
                                    class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="youtube" class="form-label">Youtube</label>
                                    <input id="youtube" name="youtube" type="text"
                                    value="{{ Arr::has($settings, 'youtube') ? $settings['youtube'] : null }}"
                                    class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="linkedin" class="form-label">LinkedIn</label>
                                    <input id="linkedin" name="linkedin" type="text"
                                    value="{{ Arr::has($settings, 'linkedin') ? $settings['linkedin'] : null }}"
                                    class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="twitter" class="form-label">X</label>
                                    <input id="twitter" name="twitter" type="text"
                                    value="{{ Arr::has($settings, 'twitter') ? $settings['twitter'] : null }}"
                                    class="form-control">
                                </div>
                            </div>
                           




                        </div>
                        <div class="row">
                            <div class="col-xxl-3 mt-3 col-md-6">
                                <button type="submit" class="btn btn-success btn-label right ms-auto"><i
                                        class="bx bx-right-arrow-alt label-icon align-middle fs-16 ms-2"></i>Submit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $("#socialmedia").validate({
                rules: {
                    website_name: {
                        required: true,
                    },
                },
                messages: {},
                highlight: function(element) {
                    $(element).closest('.form-group').addClass('has-error');
                },
                unhighlight: function(element) {
                    $(element).closest('.form-group').removeClass('has-error');
                }
            });
        });
    </script>
@endsection