@extends('backend.layouts.main')

@section('content')
    <x-admin.page.view heading="Ad Details" backLink="{{ route('admin.ads') }}">
        <div class="py-4">
            <form action="{{ route('admin.ads.update', $ad->id) }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-12 col-md-8 col-lg-8">
                        <x-admin.form.field
                            label="Brand Title"
                            placeholder="Enter brand title here"
                            id="brand_title"
                            class="mb-2"
                            type="disabled"
                            value="{{ $ad->brand_title }}"
                        />
                        <x-admin.form.field
                            label="Brand Description"
                            placeholder="Enter brand description here"
                            id="brand_description"
                            type="textarea"
                            class="mb-2"
                            type="disabled"
                            value="{{ $ad->brand_description }}"
                        />
                        <x-admin.form.field
                            label="Call To Action Button Link"
                            placeholder="Example: https://www.google.com"
                            id="action_link"
                            class="mb-2"
                            type="disabled"
                            value="{{ $ad->action_link }}"
                        />
                        <x-admin.form.field
                            label="Ad Expiry"
                            type="date"
                            id="expiry"
                            class="mb-2"
                            type="disabled"
                            value="{{ $ad->expiry }}"
                        />
                        @if($ad->banner)
                            <div class="mb-2">
                                <label for="">Banner</label>
                                <div class="misc-img-preview d-block">
                                    <img src="{{ $ad->banner->getUrl() }}" alt="" />
                                </div>
                            </div>
                        @endif
                        @if($ad->images)
                            <div class="mb-2">
                                <label for="">Ad Images</label>
                                <div>
                                    @foreach($ad->images as $image)
                                        <div class="misc-img-preview">
                                            <img src="{{ $image->getUrl() }}" alt="" />
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-4 col-lg-4">
                        <div class="mb-2 p-2 card shadow rounded">
                            <label for="">Ad Users</label>
                            <div class="selected-ug-wrapper mt-2">
                                @forelse($ad->users as $user)
                                    <div class="selected-ug">
                                        <img src="{{ $user->avatar ?: asset('assets/admin/images/student-pro-girl.png') }}" alt="test" class="img-fluid">
                                        <div>
                                            <span>
                                                {{ $user->name }}
                                            </span>
                                        </div>
                                    </div>
                                @empty
                                    <div>
                                        No user selected
                                    </div>
                                @endforelse
                            </div>
                        </div>
                        <div class="mb-2 p-2 card shadow rounded">
                            <label for="">Ad Groups</label>
                            <div class="selected-ug-wrapper mt-2">
                                @forelse($ad->groups as $group)
                                    <div class="selected-ug">
                                        <span class="circle mr-1">
                                            {{ substr($group->title, 0, 1) }}
                                        </span>
                                        <div>
                                            <span>
                                                {{ $group->title }}
                                            </span>
                                        </div>
                                    </div>
                                @empty
                                    <div>
                                        No group selected
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </x-admin.page.view>
@endsection