@extends('layouts.app')

@section('content')
<div class="wrapper">
    <div class="container-fluid">
        <div class="row">
            <div class="col-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">{!! __('city_list') !!}</li>
                                    </ol>
                                </div>
                                <h4 class="page-title">{!! __('city_list') !!}</h4>
                            </div>
                            <!-- end page title end breadcrumb -->
                            <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('city.create') !!}" class="btn btn-primary btn-xs pull-right mr-2">{!! __('create_city') !!}</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="box-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            {!! Form::open(['route' => 'city.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 drop-icon-list">
                                                                {!! Form::label('status', __('status')) !!}
                                                                {!! Form::select('status', status(true, 'All'), null, ['class' => 'form-control select2']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group drop-icon-list">
                                                                {!! Form::label('country_id', __('country')) !!}
                                                                {!! Form::select('country_id', $country, null, [
                                                                    'class' => 'form-control select2 __country',
                                                                    'data-route' => route('region.service'),
                                                                    'data-title' => 'All'
                                                                ]) !!}
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group drop-icon-list">
                                                                {!! Form::label('region_id', __('region')) !!}
                                                                {!! Form::select('region_id', $region, null, ['class' => 'form-control select2 __state']) !!}
                                                            </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('city.index') !!}'">
                                                                <i class="fa fa-refresh"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {!! Form::close() !!}

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