@extends('backend.layouts.main')

@section('content')
    <x-admin.page.view heading="New Ad" backLink="{{ route('admin.ads') }}">
        <div class="py-4">
            <form action="{{ route('admin.ads.store') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-12 col-lg-8">
                        <x-admin.form.field
                            label="Brand Title"
                            placeholder="Enter brand title here"
                            id="brand_title"
                            class="mb-2"
                        />
                        <x-admin.form.field
                            label="Brand Description"
                            placeholder="Enter brand description here"
                            id="brand_description"
                            type="textarea"
                            class="mb-2"
                        />
                        <x-admin.form.users-select
                            label="Select Users"
                            name="users"
                            id="users-add"
                            class="mb-2"
                        />
                        <x-admin.form.groups-select
                            label="Select User Groups"
                            name="groups"
                            id="groups-add"
                            class="mb-2"
                        />
                        <x-admin.form.field
                            label="Call To Action Button Link"
                            placeholder="Example: https://www.google.com"
                            id="action_link"
                            class="mb-2"
                        />
                        <x-admin.form.field
                            label="Ad Expiry"
                            type="date"
                            id="expiry"
                            class="mb-2"
                        />
                        <x-admin.form.file
                            label="Ad Banner"
                            id="banner"
                            class="mb-2"
                        />
                        <x-admin.form.file
                            label="Ad Images"
                            id="images"
                            class="mb-2"
                            multiple
                        />
                        <div class="text-right">
                            <x-admin.form.button type="submit">
                                Add
                            </x-admin.form.button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </x-admin.page.view>
@endsection