@extends('layouts.app')

@section('title', 'My Websites')

@section('content')

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

    <h1>
        My Websites
    </h1>

    <a
        class="btn"
        href="{{ route(
            'publisher.websites.create'
        ) }}"
    >
        + Add Website
    </a>

</div>

<div class="card">

<table>

<thead>

<tr>

    <th>
        Name
    </th>

    <th>
        Domain
    </th>

    <th>
        Status
    </th>

    <th>
        Ad Zones
    </th>

    <th>
        Action
    </th>

</tr>

</thead>

<tbody>

@forelse($websites as $website)

<tr>

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

    <td>
        {{ $website->domain }}
    </td>

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

    <td>
        {{ $website->ad_zones_count }}
    </td>

    <td>

        <a
            class="btn"
            href="{{ route(
                'publisher.websites.edit',
                $website
            ) }}"
        >
            Edit
        </a>

        <form
            method="POST"
            action="{{ route(
                'publisher.websites.destroy',
                $website
            ) }}"
            style="display:inline"
        >

            @csrf

            @method('DELETE')

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

        </form>

    </td>

</tr>

@empty

<tr>

<td colspan="5">
    No websites found.
</td>

</tr>

@endforelse

</tbody>

</table>

</div>

<br>

{{ $websites->links() }}

@endsection