@extends('backend.layouts.app')

@section('title', app_name() . ' | ' . __('labels.backend.access.cms.management'))

@section('breadcrumb-links')
    @include('backend.cms.includes.breadcrumb-links')
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('labels.backend.access.cms.management') }} <small class="text-muted">{{ __('labels.backend.access.cms.active') }}</small>
                </h4>
            </div><!--col-->

            <div class="col-sm-7">
                @include('backend.cms.includes.header-buttons')
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4">
            <div class="col">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>@lang('labels.backend.access.cms.table.cms_name')</th>
                            <th>@lang('labels.backend.access.cms.table.cms_content')</th>
                            <th>@lang('labels.backend.access.cms.table.last_updated')</th>
                            <th>@lang('labels.general.actions')</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($cms as $cms_data)
                            <tr>
                                <td>{{ $cms_data->cms_name }}</td>
                                <td>{!! \Illuminate\Support\Str::words($cms_data->cms_content, 50) !!}</td>
                                <td>{{ $cms_data->updated_at->diffForHumans() }}</td>
                                <td>{!! $cms_data->action_buttons !!}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
        <div class="row">
            <div class="col-7">
                <div class="float-left">
                    {!! $cms->total() !!} {{ trans_choice('labels.backend.access.cms.table.total', $cms->total()) }}
                </div>
            </div><!--col-->

            <div class="col-5">
                <div class="float-right">
                    {!! $cms->render() !!}
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->
</div><!--card-->
@endsection