@extends('manage.layouts.app')
@section('headlinks')
@livewireStyles()
@endsection
@section('content')

<div class="mb-5">
    <div class="ui breadcrumb">
        <a class="section">Dashboard</a>
        <div class="divider"> / </div>
        <div class="active section">Campaigns</div>
    </div>
</div>

{{-- <div class="flex items-center justify-between">
    <a href="/cms/" class="ui header">Add New</a>
</div> --}}
<div class="ui secondary menu">
    <span class="item fitted">
        <h3 class="ui header">
            <span class="capitalize">Campaigns</span>
    </span>
  </div>

<div class="forms">

    <table class="ui celled table">
        <thead>
          <tr>
            <th>FID</th>
            <th>Title</th>
            <th>Leads</th>
            <th>Date</th>
            <th>Actions</th>
          </tr>
        </thead>

        <tbody>
            @forelse ($forms as $form)
            <tr>
                <td> {{$form->id}} </td>

                <td>

                    @if ($form->title)
                        {{$form->title}}
                    @else
                        <span class="ml-5">-</span>
                    @endif

                </td>

                <td> {{$form->leads->count()}} </td>
                <td> {{$form->date_for_humans}} </td>

                <td>
                    <div class="ui mini buttons">
                        <a href="/cms/forms/{{$form->id}}" class="ui button">View</a>
                    </div>
                </td>

            </tr>
            @empty
            <tr>
                <td colspan="7">
                    No Record Found.
                </td>
            </tr>
            @endforelse

        </tbody>

    </table>
</div>

@endsection

@section('scripts')
@livewireScripts()
@endsection