@extends('layouts.'.env('THEME'))

@section('content')

<div class="container" id="main-container">

    <x-section_heading title="Areas" subtitle="Create and manage" rowclass="mt-5"/>

    <div class="panel-collapse" data-panel="tools">
        Tools <i class="fa fa-chevron-down" aria-hidden="true"></i>
    </div>
    <div class="panel-body" id="tools">
        @include('area.tools')
    </div>


    <div class="row py-2">
        <div class="col-12"></div>
    </div>

    <a href="{{ route('area.create') }}" class="btn btn-success mb-2 mr-2">Add</a>
    <a href="{{ route('area.home') }}" class="btn btn-primary mb-2">View webpage</a>
    @if(empty($_GET['show']))
    <a href="/area?show=all" class="btn btn-success mb-2 mr-2">Show hidden areas (state = none)</a>
    @else
    <a href="/area" class="btn btn-success mb-2 mr-2">Hide areas (state = none)</a>
    @endif
    <br>
    <div class="row">
        <div class="col-12">
            <table class="table table-bordered" id="area_list">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Featured</th>
                        <th>Live</th>
                        <th>State</th>
                        <th>Created at</th>
                        <td colspan="3">Action</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($areas as $area)
                    <tr>
                        <td>{{ $area->name }}</td>
                        <td>{!! $live_text[$area->featured] !!}</td>
                        <td>{!! $live_text[$area->live] !!}</td>
                        <td>{!! $state_text[$area->state] !!}</td>
                        <td>{{ date('Y-m-d', strtotime($area->created_at)) }}</td>
                        <td><a href="{{ route('area.network_addresses',$area->id)}}" class="btn btn-primary">Addresses</a></td>
                        <td><a href="{{ route('area.edit',$area->id)}}" class="btn btn-primary">Edit</a></td>
                        <td><a href="/areas/{{urlencode($area->name)}}" class="btn btn-primary">View</a></td>
                        <td><a href="/area_admin/{{$area->id}}" class="btn btn-primary">Admin</a></td>
                        <td>
                            <form action="{{ route('area.destroy', $area->id)}}" method="post">
                                {{ csrf_field() }}
                                @method('DELETE')
                                <button class="btn btn-danger" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>
@endsection