@extends('backend.app')

@section('title', 'Contact Us Settings')

@section('content')
{{-- PAGE-HEADER --}}
<div class="page-header">
    <div>
        <h1 class="page-title">Contact Us Settings</h1>
    </div>
    <div class="ms-auto pageheader-btn">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Contact Us Settings</li>
        </ol>
    </div>
</div>
{{-- PAGE-HEADER END --}}

<div class="row">
    <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
        <div class="card box-shadow-0">
            <div class="card-header border-bottom">
                <h3 class="card-title">Manage Contact Information</h3>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('system.update') }}">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Email --}}
                            <div class="form-group">
                                <label for="email" class="form-label">Email:</label>
                                <input type="email" id="email" name="email"
                                    placeholder="info@example.com"
                                    class="form-control" value="{{ old('email', $contact->email ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Support Email --}}
                            <div class="form-group">
                                <label for="support_email" class="form-label">Support Email:</label>
                                <input type="email" id="support_email" name="support_email"
                                    placeholder="support@example.com"
                                    class="form-control" value="{{ old('support_email', $contact->support_email ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Phone --}}
                            <div class="form-group">
                                <label for="phone" class="form-label">Phone:</label>
                                <input type="tel" id="phone" name="phone"
                                    placeholder="(555) 123-4567"
                                    class="form-control" value="{{ old('phone', $contact->phone ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Phone Hours --}}
                            <div class="form-group">
                                <label for="phone_hours" class="form-label">Phone Hours:</label>
                                <input type="text" id="phone_hours" name="phone_hours"
                                    placeholder="Mon-Fri, 9am-6pm EST"
                                    class="form-control" value="{{ old('phone_hours', $contact->phone_hours ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Address Line 1 --}}
                            <div class="form-group">
                                <label for="address_line1" class="form-label">Address Line 1:</label>
                                <input type="text" id="address_line1" name="address_line1"
                                    placeholder="123 Commerce Street"
                                    class="form-control" value="{{ old('address_line1', $contact->address_line1 ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Address Line 2 --}}
                            <div class="form-group">
                                <label for="address_line2" class="form-label">Address Line 2:</label>
                                <input type="text" id="address_line2" name="address_line2"
                                    placeholder="New York, NY 10013"
                                    class="form-control" value="{{ old('address_line2', $contact->address_line2 ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <hr>
                    <h4 class="mb-3">Social Media Links</h4>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Contact Number --}}
                            <div class="form-group">
                                <label for="contact_number" class="form-label">Contact Number:</label>
                                <input type="number" id="contact_number" name="contact_number"
                                    placeholder="+8801XXXXXX"
                                    class="form-control" value="{{ old('contact_number', $contact->contact_number ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Whatsapp --}}
                            <div class="form-group">
                                <label for="whatsapp" class="form-label">Whatsapp:</label>
                                <input type="tel" id="whatsapp" name="whatsapp"
                                    placeholder="+8801XXXXXXXXX"
                                    class="form-control" value="{{ old('whatsapp', $contact->whatsapp ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Instagram --}}
                            <div class="form-group">
                                <label for="instagram">Instagram</label>
                                <input type="url" id="instagram" name="instagram"
                                    placeholder="https://instagram.com"
                                    class="form-control" value="{{ old('instagram', $contact->instagram ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Facebook --}}
                            <div class="form-group">
                                <label for="facebook">Facebook</label>
                                <input type="url" id="facebook" name="facebook"
                                    placeholder="https://facebook.com"
                                    class="form-control" value="{{ old('facebook', $contact->facebook ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Twitter --}}
                            <div class="form-group">
                                <label for="twitter">Twitter / X</label>
                                <input type="url" id="twitter" name="twitter"
                                    placeholder="https://twitter.com"
                                    class="form-control" value="{{ old('twitter', $contact->twitter ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            {{-- Tumblr --}}
                            <div class="form-group">
                                <label for="tumblr">Tumblr</label>
                                <input type="url" id="tumblr" name="tumblr"
                                    placeholder="https://tumblr.com"
                                    class="form-control" value="{{ old('tumblr', $contact->tumblr ?? '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            {{-- Website --}}
                            <div class="form-group">
                                <label for="website">Website</label>
                                <input type="url" id="website" name="website"
                                    placeholder="https://yourwebsite.com"
                                    class="form-control" value="{{ old('website', $contact->website ?? '') }}">
                            </div>
                        </div>
                    </div>

                    {{-- Update --}}
                    <div class="form-group">
                        <button class="btn btn-primary" type="submit">Save Settings</button>
                        <a href="{{ route('dashboard') }}" class="btn btn-danger me-2">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection