@extends('admin.layout.app')

@section('content')
<div class="content-wrapper py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">

                <!-- Clean Box Container -->
                <div class="card border-0 shadow-sm">
                    <div class="card-body">
                        <h4 class="mb-4">Website Settings</h4>

                       

                        <form action="{{ route('admin.setting.page.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            {{-- Logo --}}
                            <div class="mb-3">
                                <label for="logo" class="form-label">Logo</label>
                                <input type="file" class="form-control" id="logo" name="logo">
                               
                               <img src="{{ asset('uploads/pages/' . ($setting->logo ?? '')) }}" alt=""  
                               width="200"
                               height="400">
                            
                            
                            </div>

                            {{-- Favicon --}}
                            <div class="mb-3">
                                <label for="fav_icon" class="form-label">Favicon</label>    
                                <input type="file" class="form-control" id="fav_icon" name="fav_icon">
                            
                               <img src="{{ asset('uploads/pages/' . ($setting->fav_icon ?? '')) }}" alt=""  
                               width="200"
                               height="400">
                          
                            </div>

                            {{-- Title --}}
                            <div class="mb-3">
                                <label for="title" class="form-label">Title</label>
                                <input type="text" class="form-control" id="title" name="title" placeholder="Website Title" value="{{  $setting->title ?? ''}}">
                            </div>

                            {{-- Slug --}}
                            <div class="mb-3">
                                <label for="slug" class="form-label">Slug</label>
                                <input type="text" class="form-control" id="slug" name="slug" placeholder="website-slug" value="{{  $setting->slug ?? '' }}">
                            </div>

                            {{-- Description --}}
                            <div class="mb-3">
                                <label for="description" class="form-label">Description</label>
                                <textarea class="form-control" id="description" name="description" rows="3" placeholder="Short description">  {{ $setting->description ?? '' }}</textarea>
                            </div>

                            {{-- Footer Logo --}}
                            <div class="mb-3">
                                <label for="footer_logo" class="form-label">Footer Logo</label>
                                <input type="file" class="form-control" id="footer_logo" name="footer_logo">
                                <img src="{{ asset('uploads/pages/' . ($setting->fav_icon ?? '')) }}" alt="" 
                                width="200"
                                height="400">

                            </div>

                            {{-- Footer Description --}}
                            <div class="mb-3">
                                <label for="footer_description" class="form-label">Footer Description</label>
                                <textarea class="form-control" id="footer_description" name="footer_description" rows="3">{{ $setting-> footer_description ?? ''}}</textarea>
                            </div>

                            {{-- Footer Side Description --}}
                            <div class="mb-3">
                                <label for="footer_side_description" class="form-label">Footer Side Description</label>
                                <textarea class="form-control" id="footer_side_description" name="footer_side_description" rows="3">{{ $setting->footer_side_description ?? ''}}</textarea>
                            </div>

                            {{-- Copyright --}}
                            <div class="mb-3">
                                <label for="copyright_description" class="form-label">Copyright</label>
                                <textarea class="form-control" id="copyright_description" name="copyright_description" rows="2">{{ $setting->copyright_description ?? '' }}</textarea>
                            </div>

                            {{-- Phone 1 --}}
                            <div class="mb-3">
                                <label for="phone_no_1" class="form-label">Phone Number 1</label>
                                <input type="tel" class="form-control" id="phone_no_1" name="phone_no_1" placeholder="+1 234 567 8901" value="{{ $setting->phone_no_1 ?? ''}}">
                            </div>

                            {{-- Phone 2 --}}
                            <div class="mb-3">
                                <label for="phone_no_2" class="form-label">Phone Number 2</label>
                                <input type="tel" class="form-control" id="phone_no_2" name="phone_no_2" placeholder="+1 234 567 8902" value="{{ $setting->phone_no_2 ?? '' }}">
                            </div>

                            {{-- Email 1 --}}
                            <div class="mb-3">
                                <label for="email_address" class="form-label">Email Address 1</label>
                                <input type="email" class="form-control" id="email_address" name="email_address" placeholder="email@example.com" value="{{ $setting->email_address ?? ''}}">
                            </div>

                            {{-- Email 2 --}}
                            <div class="mb-3">
                                <label for="email_2" class="form-label">Email Address 2</label>
                                <input type="email" class="form-control" id="email_2" name="email_2" placeholder="email2@example.com" value="{{$setting->email_2 ?? ''}}">
                            </div>

                            {{-- Address --}}
                            <div class="mb-3">
                                <label for="address" class="form-label">Address</label>
                                <textarea class="form-control" id="address" name="address" rows="3">{{ $setting->address ?? ''}}</textarea>
                            </div>

                            {{-- Social Links --}}
                            <div class="mb-3">
                                <label for="facebook_link" class="form-label">Facebook Link</label>
                                <input type="url" class="form-control" id="facebook_link" name="facebook_link" placeholder="https://facebook.com/yourpage" value="{{ $setting->facebook_link ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label for="insta_link" class="form-label">Instagram Link</label>
                                <input type="url" class="form-control" id="insta_link" name="insta_link" placeholder="https://instagram.com/yourprofile" value="{{ $setting->insta_link ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label for="twitter_link" class="form-label">Twitter Link</label>
                                <input type="url" class="form-control" id="twitter_link" name="twitter_link" placeholder="https://twitter.com/yourprofile" value="{{ $setting->twitter_link ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label for="skype_link" class="form-label">Skype Link</label>
                                <input type="text" class="form-control" id="skype_link" name="skype_link" placeholder="skype:yourname?chat" value="{{ $setting->skype_link ?? ''}}">
                            </div>

                            <div class="mb-3">
                                <label for="youtube_link" class="form-label">YouTube Link</label>
                                <input type="url" class="form-control" id="youtube_link" name="youtube_link" placeholder="https://youtube.com/yourchannel" value="{{ $setting->youtube_link ?? ''}}">
                            </div>

                            {{-- Header Description --}}
                            <div class="mb-4">
                                <label for="header_description" class="form-label">Header Description</label>
                                <textarea class="form-control" id="header_description" name="header_description" rows="3">{{ $setting->header_description ?? ''}}</textarea>
                            </div>

                            {{-- Submit --}}
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary px-4">Save Settings</button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- End Card -->

            </div>
        </div>
    </div>
</div>
@endsection