@extends('layouts.app')

@section('title', 'Campaigns')

@section('content')

<div style="
    display:flex;
    justify-content:space-between;
">

<h1>
    Campaigns
</h1>

<a
    class="btn"
    href="{{ route(
        'advertiser.campaigns.create'
    ) }}"
>
    + Create Campaign
</a>

</div>

<div class="card">

<table>

<thead>

<tr>

<th>Name</th>
<th>Model</th>
<th>Bid</th>
<th>Budget</th>
<th>Spent</th>
<th>Status</th>
<th>Action</th>

</tr>

</thead>

<tbody>

@forelse($campaigns as $campaign)

<tr>

<td>
{{ $campaign->name }}
</td>

<td>
{{ strtoupper(
    $campaign->pricing_model
) }}
</td>

<td>
{{ $campaign->bid }}
</td>

<td>
৳{{ number_format(
    $campaign->total_budget,
    2
) }}
</td>

<td>
৳{{ number_format(
    $campaign->spent,
    4
) }}
</td>

<td>
{{ ucfirst(
    $campaign->status
) }}
</td>

<td>

<a
class="btn"
href="{{ route(
    'advertiser.campaigns.edit',
    $campaign
) }}"
>
Edit
</a>

<form
method="POST"
action="{{ route(
    'advertiser.campaigns.destroy',
    $campaign
) }}"
style="display:inline"
>

@csrf
@method('DELETE')

<button
class="btn btn-danger"
onclick="
return confirm(
'Delete campaign?'
)
"
>
Delete
</button>

</form>

</td>

</tr>

@empty

<tr>
<td colspan="7">
No campaigns found.
</td>
</tr>

@endforelse

</tbody>

</table>

</div>

<br>

{{ $campaigns->links() }}

@endsection