@extends('layouts.portal')

@section('page-title', __('Advertisements'))

@section('sidebar')
    @include('admin.partials.sidebar')
@endsection

@section('content')
<div class="mb-6 card max-w-2xl">
    <h2 class="mb-4 font-semibold">{{ __('Create Advertisement') }}</h2>
    <form method="POST" action="{{ route('admin.advertisements.store') }}" enctype="multipart/form-data" class="grid gap-4 sm:grid-cols-2">
        @csrf
        <div class="sm:col-span-2">
            <label class="label">{{ __('Title') }}</label>
            <input type="text" name="title" required class="input-field">
        </div>
        <div>
            <label class="label">{{ __('Position') }}</label>
            <select name="position" required class="input-field">
                <option value="sidebar_primary">sidebar_primary</option>
                <option value="sidebar_secondary">sidebar_secondary</option>
                <option value="sidebar_tertiary">sidebar_tertiary</option>
                <option value="homepage_banner">homepage_banner</option>
            </select>
        </div>
        <div>
            <label class="label">{{ __('Type') }}</label>
            <select name="type" required class="input-field">
                <option value="sidebar">{{ __('Sidebar') }}</option>
                <option value="banner">{{ __('Banner') }}</option>
                <option value="sponsored">{{ __('Sponsored') }}</option>
            </select>
        </div>
        <div>
            <label class="label">{{ __('Link URL') }}</label>
            <input type="url" name="link_url" class="input-field">
        </div>
        <div>
            <label class="label">{{ __('Image') }}</label>
            <input type="file" name="image" accept="image/*" class="input-field">
        </div>
        <div class="sm:col-span-2">
            <label class="label">{{ __('HTML Content') }}</label>
            <textarea name="html_content" rows="3" class="input-field font-mono text-sm"></textarea>
        </div>
        <div>
            <label class="label">{{ __('Starts At') }}</label>
            <input type="date" name="starts_at" class="input-field">
        </div>
        <div>
            <label class="label">{{ __('Ends At') }}</label>
            <input type="date" name="ends_at" class="input-field">
        </div>
        <div class="sm:col-span-2">
            <button type="submit" class="btn-primary !py-2 !px-4 text-sm">{{ __('Create Ad') }}</button>
        </div>
    </form>
</div>

<div class="card overflow-x-auto">
    <table class="w-full text-sm">
        <thead>
            <tr class="border-b text-left text-gray-500">
                <th class="pb-3 pr-4">{{ __('Title') }}</th>
                <th class="pb-3 pr-4">{{ __('Position') }}</th>
                <th class="pb-3 pr-4">{{ __('Type') }}</th>
                <th class="pb-3 pr-4">{{ __('Stats') }}</th>
                <th class="pb-3 pr-4">{{ __('Status') }}</th>
                <th class="pb-3">{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @foreach($advertisements as $ad)
                <tr>
                    <td class="py-3 pr-4 font-medium">{{ $ad->title }}</td>
                    <td class="py-3 pr-4">{{ $ad->position }}</td>
                    <td class="py-3 pr-4">{{ $ad->type }}</td>
                    <td class="py-3 pr-4 text-gray-500">{{ $ad->impressions }} / {{ $ad->clicks }}</td>
                    <td class="py-3 pr-4">
                        <form method="POST" action="{{ route('admin.advertisements.update', $ad) }}">
                            @csrf @method('PUT')
                            <input type="hidden" name="title" value="{{ $ad->title }}">
                            <input type="hidden" name="position" value="{{ $ad->position }}">
                            <input type="hidden" name="type" value="{{ $ad->type }}">
                            <label class="flex items-center gap-2 text-xs">
                                <input type="hidden" name="is_active" value="0">
                                <input type="checkbox" name="is_active" value="1" @checked($ad->is_active) onchange="this.form.submit()"> {{ __('Active') }}
                            </label>
                        </form>
                    </td>
                    <td class="py-3">
                        <form action="{{ route('admin.advertisements.destroy', $ad) }}" method="POST" class="inline"
                            onsubmit="return confirm('{{ __('Delete this ad?') }}')">
                            @csrf @method('DELETE')
                            <button type="submit" class="text-red-600 hover:underline">{{ __('Delete') }}</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $advertisements->links() }}</div>
</div>
@endsection