@extends('dashboard.layouts.master')
@section('title','Settings | Dashboard | '.env('app_name'))
@section('main-content')
    <h4 class="mb-4">Settings</h4>
<div class="row">
        <div class="col-md-6">
            <div class="content shadow p-3 rounded-4 h-100">
                <h3 class="text-center fw-bold">Website Settings</h3>
                <form id="update_website_details" >
                    <div class="mb-2">
                        <label class="form-label" for="email">Email</label>
                        <input type="email" class="form-control" value="{{$settings->email ?? ''}}" id="email" required placeholder="Enter email address">
                    </div>

                    <div class="mb-2">
                        <label class="form-label" for="phone_number">Phone number</label>
                        <input type="text" class="form-control" value="{{$settings->phone_number ?? ''}}" id="phone_number" required placeholder="Enter phone number">
                    </div>
                    <div class="mb-2">
                        <label class="form-label" for="map_location_link">Google map URL</label>
                        <input type="text" class="form-control" value="{{$settings->map_location_link ?? ''}}" id="map_location_link" required placeholder="Enter google map url">
                    </div>

                    <div class="mb-2">
                        <label class="form-label" for="map_location_iframe_url">Google map iframe URL</label>
                        <textarea type="text" rows="8" class="form-control" id="map_location_iframe_url" required placeholder="Enter map iframe url">{{$settings->map_location_iframe_url ?? ''}}</textarea>
                    </div>
                    <div class="mb-2">
                        <label class="form-label" for="location">Location</label>
                        <textarea type="text" rows="6" class="form-control" id="location" required placeholder="Enter location">{{$settings->location ?? ''}}</textarea>
                    </div>
                    <div class="mb-2 mt-3 text-center" >
                        <button type="submit" class="btn btn-primary" id="update_settings_btn1" >Update Settings</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-md-6 mt-3 mt-md-0">
            <div class="content shadow p-3 rounded-4 h-100">
                <h3 class="text-center fw-bold">Website Social Media URLs</h3>
                <form id="update_social_links" >
                    <div class="row">
                        <div class="mb-2">
                            <label class="form-label" for="facebook_link">Facebook</label>
                            <input type="text" class="form-control" value="{{$settings->facebook_link ?? ''}}" id="facebook_link"  placeholder="Enter facebook link">
                        </div>

                        <div class="mb-2">
                            <label class="form-label" for="twitter_link">Twitter</label>
                            <input type="text" class="form-control" value="{{$settings->twitter_link ?? ''}}" id="twitter_link"  placeholder="Enter twitter link">
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="linkedin_link">LinkedIn</label>
                            <input type="text" class="form-control" value="{{$settings->linkedin_link ?? ''}}" id="linkedin_link"  placeholder="Enter linkedin link">
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="instagram_link">Instagram</label>
                            <input type="text" class="form-control" value="{{$settings->instagram_link ?? ''}}" id="instagram_link"  placeholder="Enter instagram link">
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="youtube_link">YouTube</label>
                            <input type="text" class="form-control" value="{{$settings->youtube_link ?? ''}}" id="youtube_link"  placeholder="Enter youtube link">
                        </div>
                        <div class="mb-2 mt-3 text-center" >
                            <button type="submit" class="btn btn-primary" id="update_settings_btn2" >Update Links</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('page-js')
    <script>
        $(document).ready(function (){
            $("#settings-page").addClass('active')
        });
    </script>
@endsection