@extends('layouts.app', ['title' => __('Basic Campaign')])
@section('admin_title')
{{__('Basic Campaign')}}
@endsection
@section('content')
@include('restorants.partials.modals')
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5">
</div>

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">{{ __('Basic Campaign') }}</h3>
                        </div>
                        <div class="col-4 text-right">
                            @if(auth()->user()->hasRole('admin') || auth()->user()->hasRole('superadmin'))
                                <a href="{{ route('campaigns.basic.add_new') }}" class="btn btn-sm btn-primary">
                                    {{ __('Add New Campaign') }}
                                </a>
                                <button id="editBtn" class="btn btn-sm btn-warning" disabled>
                                    {{ __('Edit') }}
                                </button>
                                <button id="deleteBtn" class="btn btn-sm btn-danger" disabled>
                                    {{ __('Delete') }}
                                </button>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    @include('partials.flash')
                </div>
                <div class="table-responsive">
                    <table class="table align-items-center table-flush">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col"></th> <!-- Radio column -->
                                <th scope="col">{{ __('SL') }}</th>
                                <th scope="col">{{ __('Title') }}</th>
                                <th scope="col">{{ __('Description') }}</th>
                                <th scope="col">{{ __('Date Duration') }}</th>
                                <th scope="col">{{ __('Time Duration') }}</th>
                                <th scope="col">{{ __('Status') }}</th>
                            </tr>
                        </thead>
                        @php
                            use Illuminate\Support\Str;
                        @endphp
                        <tbody>
                            @foreach ($campaigns as $campaign)
                                <tr>
                                    <td>
                                        <input type="radio" name="selectedCampaign" value="{{ $campaign->id }}">
                                    </td>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $campaign->title }}</td>
                                    <td>{{ Str::words($campaign->description, 20, '...') }}</td>
                                    <td>
                                        {{$campaign->start_date ? $campaign->start_date->format('d M, Y').' - '.$campaign->end_date->format('d M, Y') : 'N/A'}}
                                    </td>
                                    <td>
                                        {{$campaign->start_time ? date('H:i', strtotime($campaign->start_time)).' - '.date('H:i', strtotime($campaign->end_time)) : 'N/A'}}
                                    </td>
                                    <td>
                                        <label class="toggle-switch" for="stocksCheckbox{{$campaign->id}}">
                                            <input type="checkbox"
                                                onclick="location.href='{{route('campaigns.basic.status',['basic',$campaign['id'],$campaign->status?0:1])}}'"
                                                class="toggle-switch-input"
                                                id="stocksCheckbox{{$campaign->id}}"
                                                {{$campaign->status?'checked':''}}>
                                            <span class="toggle-switch-label">
                                                <span class="toggle-switch-indicator"></span>
                                            </span>
                                        </label>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="card-footer py-4">
                    <nav class="d-flex justify-content-end" aria-label="...">
                    </nav>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth')
</div>

<script>
    let selectedId = null;

    // Enable buttons only when a radio is selected
    document.querySelectorAll('input[name="selectedCampaign"]').forEach(radio => {
        radio.addEventListener('change', function () {
            selectedId = this.value;
            document.getElementById('editBtn').disabled = false;
            document.getElementById('deleteBtn').disabled = false;
        });
    });

    // Edit button click
    document.getElementById('editBtn').addEventListener('click', function () {
        if (selectedId) {
            window.location.href = "{{ url('admin/basic/edit') }}/" + selectedId;
        }
    });

    // Delete button click
    document.getElementById('deleteBtn').addEventListener('click', function () {
        if (selectedId && confirm("Are you sure you want to delete this Campaign? This action is irreversible.")) {
            window.location.href = "{{ url('admin/basic/remove') }}/" + selectedId;
        }
    });
</script>
@endsection