@extends('admin.layouts.admin')

@section('title')
    Admin | Campaigns
@endsection

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ asset('backend/assets/css/bootstrap-datetimepicker.min.css') }}">

@section('content')
<div class="container flex-grow-1 container-p-y pt-0">
    <h4 class="py-3 mb-4">
        <span class="text-muted fw-light">Campaigns/</span>Lists
    </h4>
    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0"> Campaign List</h5>

                    <div class="row justify-content-end" style="width:302px">
                        
                            <div class="col-6 text-end ml-5" style="padding: none!important"> 
                                <a href="{{ route('admin.campaigns.create') }}" class="dt-button create-new btn btn-primary">
                                    <span><i class="fa fa-plus"></i> <span class="d-none d-sm-inline-block">Add</span></span>
                                </a> 
                            </div>
                        
                    </div>
                    
                </div>

                <div class="card-body pt-0">
                    @if(Session::has('success'))
                        <div class="alert alert-success">
                            {{ Session::get('success') }}
                        </div>
                    @endif
                    @if(Session::has('error'))
                        <div class="alert alert-danger">
                            {{ Session::get('error') }}
                        </div>
                    @endif

                    <div class="table-responsive" id="campaign-table">
                        <table class="table table-bordered table-hover datatable">
                            <thead>
                                <tr>
                                    <th>Sl.</th>
                                    <th>Issuer</th>
                                    <th>Title</th>
                                    <th>Target Amount</th>
                                    <th>Min/Max Investment</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $sl = 1; @endphp
                                @forelse($campaigns as $c)
                                    <tr>
                                        <td>{{ $sl++ }}</td> 
                                        <td>{{ $c->issuer ? $c->issuer->full_name : '-' }}</td>
                                        <td>{{ $c->title }}</td>
                                        <td>{{ $c->target_amount }}</td>
                                        <td>{{ $c->min_investment }} / {{ $c->max_investment }}</td>
                                        <td>{{ ucfirst($c->status) }}</td>
                                        <td>
                                            <div class="d-flex">
                                                <a href="{{ route('admin.campaigns.show', $c->id) }}" class="btn btn-sm btn-icon btn-primary me-1"><i class="bx bx-show"></i></a>
                                                <a href="{{ route('admin.campaigns.edit', $c->id) }}" class="btn btn-sm btn-icon item-edit me-1"><i class="bx bxs-edit"></i></a>
                                                <form action="{{ route('admin.campaigns.destroy', $c->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-icon btn-danger deleteEmployer" onclick="return confirm('Are you sure you want to delete this campaign?')"><i class="bx bxs-trash"></i></button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">No campaigns found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')

@endsection