@extends('admin::layouts.master')

@push('styles')
<style>
    table#attribute-table tr td a.button {
        display: none;
    }

    table#attribute-table tr:hover td a.button {
        display: inline-block;
    }
</style>
@endpush

@section('content')
<div class="card"> 
    <div class="card-header row gutters-5">
        <div class="col text-center text-md-left">
            <h5 class="mb-md-0 h6">{{ translate('Web HomePage Setup') }}</h5>
        </div>

        <div class="col-md-2 text-right">
            <a href="{{ route('admin.web-homepagesetup.create') }}" class="btn btn-success">
                <span>{{ translate('Add New') }}</span>
            </a>
        </div>
    </div> 

    <div class="card-body">
        <table id="coupon-table" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th width="10%">SN</th>
                    <th>{{ translate('Order') }}</th>
                    <th>{{ translate('Type') }}</th>
                    <th>{{ translate('Title') }}</th>
                    <th>{{ translate('Description') }}</th>
                    <th>{{ translate('Layout') }}</th>
                    <th>{{ translate('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($homepagelayout as $key => $layout)
                    <tr> 
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $layout->order }}</td>
                        <td>{{ $layout->type }}</td>
                        <td>{{ $layout->title['en'] ?? '' }}</td>
                        <td>{{ $layout->description['en'] ?? '' }}</td> 
                        <td>{{ $layout->layout }}</td>
                        <td>
                            <a class="btn btn-soft-info btn-icon btn-circle btn-sm" href="{{ route('admin.web-homepagesetup.edit', $layout->id) }}" title="{{ translate('Edit Layout') }}">
                                <i class="las la-edit"></i>
                            </a>
                            <a href="{{ route('admin.web-homepagesetup.delete', $layout->id) }}" class="btn btn-soft-danger btn-icon btn-circle btn-sm confirm-delete"
                                data-href="{{ route('admin.web-homepagesetup.delete', $layout->id) }}"
                                title="{{ translate('Delete Layout') }}">
                                <i class="las la-trash"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table> 
    </div>
</div>
@endsection

@section('modal')
    @include('admin::modals.delete_modal') 
    @include('admin::modals.confirm_modal') 
@endsection

@section('script') 
@endsection