@extends('layouts.app')

@section('content')
<div class="wrapper">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <section class="content">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- Page-Title -->
                            <div class="page-title-box">
                                <div class="btn-group float-right">
                                    <ol class="breadcrumb hide-phone p-0 m-0">
                                        <li class="breadcrumb-item active"><a href="{{ route('home') }}">{!! __('Dashboard') !!}</a></li>
                                        <li class="breadcrumb-item active">{!! __('banner_list') !!}</li>
                                    </ol>
                                </div>
                                <h4 class="page-title">{!! __('banner_list') !!}</h4>
                            </div>
                            <!-- end page title end breadcrumb -->
                            <div class="card m-b-30 ">
                                <div class="card-body">

                                    <div class="box">
                                        <div class="box-header with-border">
                                            <div class="row">
                                                <div class="col-md-8">
                                                    <h3 class="box-title">&nbsp;</h3>
                                                </div>
                                                <div class="col-md-4">
                                                    <button type="button" class="btn btn-warning btn-xs pull-right __filter">
                                                        <i class="fa fa-sliders"></i>
                                                    </button>
                                                    <a href="{!! route('banner.create') !!}" class="btn btn-primary btn-xs pull-right mr-2">{!! __('create_banner') !!}</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="box-body">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    {!! Form::open(['route' => 'banner.index', 'method' => 'get', 'id' => 'form-search']) !!}
                                                    <div class="row __filter_box" style="display: none;">
                                                        <div class="col-md-8">
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        {!! Form::label('status', __('status'), ['class' => 'col-form-label']) !!}
                                                                        {!! Form::select('status', status(true, 'All'), null, ['class' => 'form-control select2']) !!}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-4">
                                                            <div class="row">
                                                                <div class="col-md-7">
                                                                    <div class="form-group">
                                                                        {!! Form::label('search', __('search')) !!}
                                                                        <input class="form-control" name="keyword" placeholder="Search" type="text">
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <div class="form-group">
                                                                        {!! Form::label('per_page', __('per_page')) !!}
                                                                        {!! Form::select('perPage', perPage(), null, ['class' => 'form-control select2', 'id' => 'perPage']) !!}
                                                                    </div>
                                                                </div>

                                                                <div class="col-md-2">
                                                                    <button class="btn btn-outline-secondary mt-25" type="button" onclick="window.location.href='{!! route('banner.index') !!}'">
                                                                        <i class="fa fa-refresh"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {!! Form::close() !!}

                                                    <div class="row" id="pagination" data-url="{!! $url !!}">
                                                        @include('banner.pagination')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
@endsection