@extends('admin.layouts.admin')

@section('title', 'Brand Settings')

@section('admin_content') 
<div class="container mt-4">

    <h2 class="mb-4">Brand Settings</h2>

    {{-- Success Message --}}
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    {{-- Validation Errors --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card">
        <div class="card-body">

            <form method="POST"
                  action="{{ $brand ? route('admin.brand.update', $brand->id) : route('admin.brand.store') }}"
                  enctype="multipart/form-data">

                @csrf
                @if ($brand)
                    @method('PUT')
                @endif

                {{-- ================= BASIC INFO ================= --}}
                <h5 class="mb-3">Basic Information</h5>

                <div class="mb-3">
                    <label class="form-label">Brand Name</label>
                    <input type="text" name="name" class="form-control"
                           value="{{ old('name', $brand->name ?? '') }}" required>
                </div>

                {{-- ================= LOGOS ================= --}}
                <h5 class="mb-3 mt-4">Brand Assets</h5>

                <div class="mb-3">
                    <label class="form-label">Header Logo</label>
                    <input type="file" name="header_logo" class="form-control">
                    @if (!empty($brand?->header_logo))
                        <img class="mt-2" src="{{ asset('storage/'.$brand->header_logo) }}" height="60">
                    @endif
                </div>

                <div class="mb-3">
                    <label class="form-label">Footer Logo</label>
                    <input type="file" name="footer_logo" class="form-control">
                    @if (!empty($brand?->footer_logo))
                        <img class="mt-2" src="{{ asset('storage/'.$brand->footer_logo) }}" height="60">
                    @endif
                </div>

                <div class="mb-3">
                    <label class="form-label">Favicon (PNG, favicon Only)</label>
                    <input type="file" name="favicon" class="form-control">
                    @if (!empty($brand?->favicon))
                        <img class="mt-2" src="{{ asset('storage/'.$brand->favicon) }}" height="32">
                    @endif
                </div>

                <div class="mb-3">
                    <label class="form-label">OG Image</label>
                    <input type="file" name="og_image" class="form-control">
                    @if (!empty($brand?->og_image))
                        <img class="mt-2" src="{{ asset('storage/'.$brand->og_image) }}" height="80">
                    @endif
                </div>

                {{-- ================= SEO ================= --}}
                <h5 class="mb-3 mt-4">SEO Settings</h5>

                <div class="mb-3">
                    <label class="form-label">Meta Title</label>
                    <input type="text" name="meta_title" class="form-control"
                           value="{{ old('meta_title', $brand->meta_title ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">Meta Description</label>
                    <textarea name="meta_description" class="form-control" rows="3">{{ old('meta_description', $brand->meta_description ?? '') }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Meta Keywords</label>
                    <input type="text" name="meta_keywords" class="form-control"
                           value="{{ old('meta_keywords', $brand->meta_keywords ?? '') }}">
                </div>

                {{-- ================= FOOTER CONTENT ================= --}}
                <h5 class="mb-3 mt-4">Footer Content</h5>

                <div class="mb-3">
                    <label class="form-label">Footer About</label>
                    <textarea name="footer_about" class="form-control" rows="4">{{ old('footer_about', $brand->footer_about ?? '') }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Catalog URL</label>
                    <input type="url" name="catalog_url" class="form-control"
                           value="{{ old('catalog_url', $brand->catalog_url ?? '') }}">
                </div>

                {{-- ================= CONTACT INFO ================= --}}
                <h5 class="mb-3 mt-4">Contact Information</h5>

                <div class="mb-3">
                    <label class="form-label">Phone</label>
                    <input type="text" name="phone" class="form-control"
                           value="{{ old('phone', $brand->phone ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">Email</label>
                    <input type="email" name="email" class="form-control"
                           value="{{ old('email', $brand->email ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">Address</label>
                    <textarea name="address" class="form-control" rows="2">{{ old('address', $brand->address ?? '') }}</textarea>
                </div>

                {{-- ================= SOCIAL LINKS ================= --}}
                <h5 class="mb-3 mt-4">Social Links</h5>

                <div class="mb-3">
                    <label class="form-label">Facebook</label>
                    <input type="url" name="facebook" class="form-control"
                           value="{{ old('facebook', $brand->facebook ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">Twitter</label>
                    <input type="url" name="twitter" class="form-control"
                           value="{{ old('twitter', $brand->twitter ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">LinkedIn</label>
                    <input type="url" name="linkedin" class="form-control"
                           value="{{ old('linkedin', $brand->linkedin ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">Pinterest</label>
                    <input type="url" name="pinterest" class="form-control"
                           value="{{ old('pinterest', $brand->pinterest ?? '') }}">
                </div>

                <div class="mb-3">
                    <label class="form-label">WhatsApp Number (91xxxxxxxxxx)</label>
                    <input type="text" name="whatsapp" class="form-control"
                           value="{{ old('whatsapp', $brand->whatsapp ?? '') }}">
                </div>

                {{-- ================= COPYRIGHT ================= --}}
                <h5 class="mb-3 mt-4">Copyright</h5>

                <div class="mb-3">
                    <label class="form-label">Copyright Name</label>
                    <input type="text" name="copyright_name" class="form-control"
                           value="{{ old('copyright_name', $brand->copyright_name ?? '') }}">
                </div>

                {{-- ================= SUBMIT ================= --}}
                <div class="text-end mt-4">
                    <button class="btn btn-primary px-4">
                        {{ $brand ? 'Update Brand' : 'Save Brand' }}
                    </button>
                </div>

            </form>

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