@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/dataTables.min.js') }}"></script>
<link href="{{ URL::asset('assets/admin/base/css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<div class="pageheader">
<div class="media">
	<!-- <div class="pageicon pull-left">
		<i class="fa fa-home"></i>
	</div> -->
	<div class="media-body">
        <div class="btn-group btn-breadcrumb">
            <a href="{{url('admin/dashboard')}}" class="btn btn-primary">
            <i class="glyphicon glyphicon-home"></i> Admin
            </a>
            <span class="btn btn-primary">
			Settings
			</span>
            <a href="javascript:;" class="btn btn-primary">City Settings</a>
        </div>
	</div>
</div><!-- media -->
</div><!-- pageheader -->
<div class="contentpanel">



 <table id="city-table" class="table table-striped table-bordered responsive">
    <thead>
        <tr class="headings">

            <th>@lang('messages.S.no')</th>
            <th>@lang('messages.City Name')</th>
            <th>@lang('messages.Country Name')</th>
            <th>@lang('messages.Zone Code')</th>
            <th>@lang('messages.Created date')</th>
            <th width="60px;" align="center" style="text-align: center;">@lang('messages.Status')</th>
            <th width="80px;" align="center" style="text-align: center;">@lang('messages.Actions')</th>
        </tr>
    </thead>

</table>
</div>

<script>
$(function() {
    $('#city-table').DataTable({
        processing: false,
        serverSide: false,
        @if(hasTask('admin/city/create'))
            dom: '<"srchhook">lfrtip',

            initComplete: function(){
                var show_btn = '<a class="btn btn-primary tip" href="{{ URL::to('admin/city/create') }}" title="@lang('messages.Add New')" style="margin-left: 10px;">@lang('messages.Add New')</a>';
                $("div.srchhook").addClass("pull-right").html(show_btn);
            },
        @endif
        ajax: '{!! route('ajaxcities.data') !!}',
        "order": [],
		"columnDefs": [ {
		  "targets"  : 'no-sort',
		  "orderable": false,

		}],
        columns: [
			{ data: 'cid', name: 'cities.id',orderable: true },
			{ data: 'city_name', name: 'cities_infos.city_name' , searchable: true, orderable: true},
			{ data: 'country_name', name: 'countries_infos.country_name' , searchable: true, orderable: true },
			{ data: 'zone_code', name: 'zones.zone_code' , searchable: false, orderable: false },
            { data: 'created_date', name: 'created_date' },
            { data: 'default_status', name: 'default_status' },
            { data: 'action', name: 'action', orderable: false, searchable: false}
        ],
        drawCallback: function(){
            $('td:has(.td_center)').css('text-align', 'center');
        }
    });
});
</script>
@endsection