@php
    $host = app()->environment('local') ? "public" : "s3";
@endphp
@extends('backend-template')

@section('content')
    <h4 class="title">
        Sectors
    </h4>

    <div class="gap gap-small"></div>

    <table class="table table-light">
        <thead>
        <tr>
            <th width="10%">Sector Name</th>
            <th width="20%">Image</th>
            <th width="20%">Item id</th>
            <th width="20%">Description</th>
            <th width="20%">Home page heading</th>
            <th width="20%">Home page description</th>
            <th width="10%">Action</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($adsCategories as $cat)
            @php
                if ($cat->image_name) {
                    $imagePath = Storage::disk($host)->has('home_page/' . $cat->image_name) ? imagePath('home_page/' . $cat->image_name) : '';
                }
            @endphp
            <tr>
                <td style="vertical-align: middle;">{!! $cat->name !!}</td>
                <td style="vertical-align: middle;">
                    @if ($cat->image_name)
                        <img src="{!! $imagePath !!}">
                    @endif
                </td>
                <td style="vertical-align: middle;">{!! $cat->image_item_id !!}</td>
                <td style="vertical-align: middle;">{!! $cat->description !!}</td>
                <td style="vertical-align: middle;">{!! $cat->home_page_heading !!}</td>
                <td style="vertical-align: middle;">{!! $cat->home_page_description !!}</td>
                <td class="rules_actions" style="vertical-align: middle; text-align: center;">
                    <a class="edit_sector_description btn btn-default btn-xs"
                        href="#" data-category-description="{{ $cat->description }}" data-category-name="{{ $cat->name }}"
                        data-category-id="{{ $cat->id }}">Edit description</a><br><br>
                    <a class="edit_sector_home_page_heading btn btn-default btn-xs"
                       href="#" data-category-description="{{ $cat->home_page_heading }}" data-category-name="{{ $cat->name }}"
                       data-category-id="{{ $cat->id }}">Edit home page heading</a><br><br>
                    <a class="edit_sector_home_page_description btn btn-default btn-xs"
                       href="#" data-category-description="{{ $cat->home_page_description }}" data-category-name="{{ $cat->name }}"
                       data-category-id="{{ $cat->id }}">Edit home page description</a><br><br>
                    <a class="btn btn-xs btn-primary" href="{{ route('sectorEdit', $cat->id) }}">Set image</a>
                    {!! Form::open([ 'url' => route('sectorDeleteImage', $cat->id),
                                'method' => 'delete']) !!}
                    <button class="btn btn-xs btn-danger confirm_link address-box-remove">Delete Image</button>
                    {!! Form::close() !!}
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('blocks.modals.sectors_description')
    @include('blocks.modals.sectors_home_page_heading')
    @include('blocks.modals.sectors_home_page_description')
    @include('blocks.modals.sectors_custom_item_image')
@stop

@section('js_functions')
    my_main.edit_sector_description();
    my_main.set_sector_custom_item_image();
@stop