@extends('dashboard.layouts.app')

@section('title', __('dashboard.Static Ads'))
@section('page_heading', __('dashboard.Static Ads'))

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">{{ __('dashboard.Static Ads') }}</li>
@endsection

@section('actions')
    <a href="{{ route('dashboard.static-ads.create') }}" class="btn btn-primary">
        {{ __('dashboard.Add New Static Ad') }}
    </a>
@endsection

@section('content')
    <div class="row g-7">
        <div class="col-xl-12">
            <div class="card card-flush h-lg-100">
                <div class="card-header pt-7">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">{{ __('dashboard.Static Ads') }}</span>
                        <span class="text-gray-400 mt-1 fw-semibold fs-6">{{ $staticAds->count() }} {{ trans_choice('dashboard.Static Ad', $staticAds->count()) }}</span>
                    </h3>
                </div>
                <div class="card-body pt-6">
                    @if($staticAds->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
                                <thead>
                                    <tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
                                        <th class="p-0 pb-3 min-w-50px text-start">{{ __('dashboard.ID') }}</th>
                                        <th class="p-0 pb-3 min-w-150px">{{ __('dashboard.Name') }}</th>
                                        <th class="p-0 pb-3 min-w-150px">{{ __('dashboard.Code') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Media Type') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Media') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Button') }}</th>
                                        <th class="p-0 pb-3 min-w-50px">{{ __('dashboard.Active') }}</th>
                                        <th class="p-0 pb-3 min-w-100px text-end">{{ __('dashboard.Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($staticAds as $staticAd)
                                        <tr>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $staticAd->id }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{ $staticAd->name }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $staticAd->code }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">
                                                    @if($staticAd->media_type == 'image')
                                                        {{ __('dashboard.Image') }}
                                                    @elseif($staticAd->media_type == 'video')
                                                        {{ __('dashboard.Video') }}
                                                    @elseif($staticAd->media_type == 'gif')
                                                        {{ __('dashboard.GIF') }}
                                                    @endif
                                                </span>
                                            </td>
                                            <td>
                                                @if($staticAd->media_type == 'image')
                                                    <img src="{{ asset('storage/' . $staticAd->media_path) }}" class="img-fluid max-h-50px"  style="max-height: 50px;" alt="{{ $staticAd->name }}">
                                                @elseif($staticAd->media_type == 'video')
                                                    <video width="320" height="240" controls class="max-h-50px">
                                                        <source src="{{ asset('storage/' . $staticAd->media_path) }}" type="video/mp4">
                                                        {{ __('dashboard.Your browser does not support the video tag.') }}
                                                    </video>
                                                @elseif($staticAd->media_type == 'gif')
                                                    <img src="{{ asset('storage/' . $staticAd->media_path) }}" style="max-height: 50px;" class="img-fluid max-h-50px" alt="{{ $staticAd->name }}">
                                                @endif
                                            </td>
                                            <td>
                                                @if ($staticAd->button_is_active && $staticAd->button_text)
                                                    <a href="{{ $staticAd->button_link }}" target="_blank" class="btn btn-sm btn-primary">{{ $staticAd->button_text }}</a>
                                                @else
                                                    <span class="badge badge-light-danger">{{ __('dashboard.Not Set') }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                <span class="badge {{ $staticAd->is_active ? 'badge-light-success' : 'badge-light-danger' }}">{{ $staticAd->is_active ? __('dashboard.Active') : __('dashboard.Inactive') }}</span>
                                            </td>
                                            <td class="text-end">
                                                <div class="d-flex justify-content-end flex-shrink-0">
                                                    <a href="{{ route('dashboard.static-ads.show', $staticAd) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
                                                        <i class="bi bi-eye-fill fs-3"></i>
                                                    </a>
                                                    <a href="{{ route('dashboard.static-ads.edit', $staticAd) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
                                                        <i class="bi bi-pencil-square fs-3"></i>
                                                    </a>
                                                    @if (!$staticAd->is_undeletable)
                                                        <form action="{{ route('dashboard.static-ads.destroy', $staticAd) }}" method="POST" id="delete-form-{{$staticAd->id}}">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm" onclick="confirmDelete('delete-form-{{$staticAd->id}}')">
                                                                <i class="bi bi-trash fs-3"></i>
                                                            </button>
                                                        </form>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-warning">
                            {{ __('dashboard.No static ads found.') }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        function confirmDelete(formId) {
            Swal.fire({
                title: "{{ __('dashboard.Are you sure?') }}",
                text: "{{ __('dashboard.You will not be able to revert this!') }}",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "{{ __('dashboard.Yes, delete it!') }}",
                cancelButtonText: "{{ __('dashboard.Cancel') }}"
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById(formId).submit();
                }
            });
        }
    </script>
@endsection