@extends('base.layouts.master')

@section('style')

@endsection

@section('title', __('menu.singlePageSettings.index'))
@section('page-title', __('menu.singlePageSettings.index'))


@section('content')

    <!-- BEGIN PAGE TITLE-->
    <h3 class="page-title">@lang('menu.singlePageSettings.title')</h3>
    <!-- END PAGE TITLE-->

    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase">@lang('menu.singlePageSettings.index')</span>
                    </div>
                    <div class="tools"> </div>
                </div>
                <div class="portlet-body">
                    <table class="table table-striped table-bordered table-hover" id="sample_1">
                        <thead>
                        <tr>
                            <th>@lang('list-table.row')</th>
                            <th>@lang('list-table.image')</th>
                            <th>@lang('list-table.category')</th>
                            <th>@lang('list-table.title')</th>
                            <th>@lang('list-table.title-en')</th>
                            <th>@lang('list-table.link')</th>
                            <th>@lang('list-table.action')</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($singlePageSettings as $singlePageSetting)
                            <tr class="record_id_{{$singlePageSetting->id}}">
                                <td> {{$loop->iteration}} </td>
                                <td>
                                    @if($singlePageSetting->image_location != null)
                                        <img style="max-height: 80px;" src="/images/singlePage/{{$singlePageSetting->image_location}} " alt="{{$singlePageSetting->title}}" >
                                    @else
                                        تصویر ندارد
                                    @endif
                                </td>
                                <td> {{$singlePageSetting->settingCategory->title}} </td>
                                <td> {{$singlePageSetting->title}} </td>
                                <td> {{$singlePageSetting->title_en}} </td>
                                <td> {{$singlePageSetting->link}} </td>
                                <td>
                                    @can('edit-singlePageSettings')
                                        <a href="{{route('singlePageSettings.edit' , $singlePageSetting->id)}}" class="btn btn-circle btn-icon-only btn-default">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    {{$singlePageSettings->links()}}
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
    </div>
@endsection

@section('script')

@endsection