@extends('backend.app')

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

@section('content')
    {{-- PAGE-HEADER --}}
    <div class="page-header">
        <div>
            <h1 class="page-title">Contact Us Create and Update Form</h1>
        </div>
        <div class="ms-auto pageheader-btn">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('contact-us.create')}}">Contact Us</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create or Update</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-body">
                    <form method="post" action="{{ route('contact-us.update') }}">
                        @csrf

                        {{-- Contact --}}
                        <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>

                        {{-- 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>

                        {{-- 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>

                        {{-- 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>

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


                        {{-- 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>


                        {{-- Update --}}
                        <div class="form-group">
                            <button class="btn btn-primary" type="submit">Create Or Update</button>
                            <a href="{{ route('contact-us.create') }}" class="btn btn-danger me-2">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection