@extends('layouts.admin')
@section('css')
@endsection
@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('small_banner.sliders') }}</p>

            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('common.home') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{!! __('small_banner.sliders') !!}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        <div class="row employee-list-view">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
                <div class="round-white-bg box-shadow">
                    <div class="d-block">
                        @include('layouts.partials.messages')
                        <div class="row">
                            <div class="col-md-4">
                                                                @foreach(smallBannerPositions() as $id => $name)
                                <a href="{!! route('admin.small-banner.index') . "?position=" . $id !!}"
                                    class="btn small_banner_inactive position {!! ($position === $id) ? 'btn-primary' : '' !!}"
                                    data-position="left">{!!$name !!}</a>
                                @endforeach
                            </div>

                            <div class="col-md-8 text-right">
                                <a href="{{ route('admin.small-banner.create') }}"
                                   class="btn btn-primary width80">{{ __('common.add-btn') }}</a>
                            </div>
                        </div>

                    </div>
                    <div class="table-responsive">
                        <table data-sort="2"  data-sortby="asc" id="dTable" data-url="{{ route('admin.small-banner.paginate') }}"
                            class="striped-table w-100 custom-datatable font13">
                            <thead>
                                <tr>

                                    <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                                    <th class="font-medium font13">{{ __('small_banner.title') }}</th>
                                    <th class="font-medium font13">{{ __('small_banner.type') }}</th>
                                    <th class="font-medium font13 no-sort">{{ __('small_banner.status') }}</th>
                                    <th class="font-medium font13 no-sort">{{ __('common.action') }}</th>
                                </tr>
                            </thead>
                            <tbody class="text-muted font-medium" id="table_contents" data-url="{{route('admin.small-banner.sort')}}">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@section('script')
    {{-- <script>
        $('body').on('click', '.position', function(e) {
                let position = $(this).attr('data-position');
                $('.position').removeClass("btn-primary");
                $(this).addClass("btn-primary");
                if (position == 'left') {
                    $(".left").show();
                    $(".center").hide();
                } else {
                    $(".left").hide();
                    $(".center").show();
                }
            });
    </script> --}}
@endsection