@extends('layouts.master')

@section('page_title','Campaign')
@section('title','Campaign')
@section('main_item','Campaign')
@section('sub_item','Campaign Details')

@section('content')
<div class="col-12">
    <div class="card">
        <div class="card-body">
           
                <a href="{{ route('campaigns.create') }}" class="btn btn-primary px-4 float-right mt-0 mb-3" 
                   ><i class="mdi mdi-plus-circle-outline mr-2"></i>Add Campaign</a>
            
            <h4 class="header-title mt-0">Campaign Details</h4>
            <div class="table-responsive dash-social">
                <table id="laravel_datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Action</th>
                            <th>Name</th>
                            <th>Schedule Type</th>
                            <th>Start Date</th>
                            <th>Send Time</th>
                            <th>Status</th>
                        </tr>
                        <!--end tr-->
                    </thead>
                    <tbody>
                        @foreach($campaigns as $campaign)
                        
                            <tr>
                               
                                <td>
                                        <div class="dropdown">
                                            <button class="btn btn-secondary py-2 px-1 dropdown-toggle" type="button"
                                                id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                Action
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                
                                                   
                                                        <a href="{{ route('campaigns.show', $campaign->id) }}" target="_blank"
                                                            class="dropdown-item" data-toggle="tooltip"
                                                            data-placement="top"><i
                                                                class="fas fa-eye  text-primary font-16"></i> View</a>
                                                  
                                                        <a href="{{ route('campaigns.edit', $campaign->id) }}"
                                                            target="_blank" class="dropdown-item" data-toggle="tooltip"
                                                            data-placement="top" title="Edit Order"><i
                                                                class="fas fa-edit text-success font-16"></i>
                                                            Edit</a>
                                                    
                                                            <form id="delete-form-{{ $campaign->id }}" action="{{ route('campaigns.destroy', $campaign->id) }}" method="POST" style="display: inline;">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="button" class="dropdown-item text-danger delete-campaign" data-id="{{ $campaign->id }}">
                                                                    <i class="fas fa-trash-alt text-danger font-16"></i> Delete
                                                                </button>
                                                            </form>
                                               
                                            </div>
                                        </div>

                             
                                </td>
                                <td>{{ $campaign->name }}</td>
                                <td>{{ $campaign->schedule_type ?? 'N/A' }}</td>
                                <td>{{ optional($campaign->start_date ? \Carbon\Carbon::parse($campaign->start_date) : null)->format('Y-m-d') ?? 'N/A' }}</td>
                                <td>{{ $campaign->send_time ?? 'N/A' }}</td>
                                <td>{{ $campaign->is_active ? 'Active' : 'Deactive' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!--end card-body-->
    </div>
    <!--end card-->
</div>

@endsection

@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.delete-campaign').forEach(button => {
            button.addEventListener('click', function () {
                const campaignId = this.getAttribute('data-id');
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        document.getElementById(`delete-form-${campaignId}`).submit();
                    }
                });
            });
        });
    });
</script>
<script>
$(document).ready(function() {
    $('#laravel_datatable').DataTable({
        "pageLength": 10,  // default entries shown per page
        "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ], // dropdown options for entries
        "order": [], // default ordering (empty = no initial sorting)
        "columnDefs": [
            { "orderable": false, "targets": 0 }  // disable ordering on Action column
        ]
    });
});
</script>
<script>
    toastr.options = {
        "closeButton": true,
        "progressBar": true,
        "positionClass": "toast-top-right",
        "timeOut": "3000"
    };

    @if(session('success_message'))
        toastr.success("{{ session('success_message') }}");
    @endif

    @if(session('error_message'))
        toastr.error("{{ session('error_message') }}");
    @endif
</script>
@endsection