@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">Zone Settings</a>
			</div>
        </div>
    </div>
    <!-- media -->
</div>
<!-- pageheader -->
@if (Session::has('message'))
	<div class="admin_sucess_common">
		<div class="admin_sucess">
			<div class="alert alert-info"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}</div>
		</div>
	</div>
@endif
<div class="admin_sucess_common" id="xls_error" style="display:none;">
    <div class="admin_sucess">
        <div class="alert alert-info"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>@lang('messages.Please upload files having extensions: <b>.xls, .xlsx</b> only.')</div>
    </div>
</div>
<div class="contentpanel">
    <table id="zone-table" class="table table-striped table-bordered responsive">
        <thead>
            <tr class="headings">
                <th>@lang('messages.S.no')</th>
                <th>@lang('messages.Zone Name')</th>
                <th>@lang('messages.Country Name')</th>
                <th>@lang('messages.City Name')</th>
                <th>@lang('messages.Created date')</th>
                <th width="100px;" style="text-align: center;">@lang('messages.Status')</th>
                <th width="100px;" style="text-align: center;">@lang('messages.Actions')</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="empty-text" colspan="7" style="background-color: #fff!important;">
                    <div class="list-empty-text"> @lang('messages.No records found.') </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<script>
    $(function() {
		$('#zone-table').DataTable({
			processing: false,
			serverSide: false,
            @if(hasTask('admin/zones/create'))
                dom: '<"srchhook">lfrtip',
                
                initComplete: function(){
                    var show_btn = '<a class="btn btn-primary tip" href="{{ URL::to('admin/zones/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('ajaxzones.data') !!}',
			"order": [],
			"columnDefs": [ {
				"targets"  : 'no-sort',
				"orderable": false,
			}],
			columns: [
				{ data: 'id', name: 'id',orderable: true },
				{ data: 'zone_name', name: 'zone_name' },
				{ data: 'country_name', name: 'country_name' },
				{ data: 'city_name', name: 'city_name' },
				{ data: 'created_at', name: 'created_at' },
				{ data: 'zones_status', name: 'zones_status' },
				{ data: 'action', name: 'action', orderable: false, searchable: false}
			],
            drawCallback: function(){
                $('td:has(.td_center)').css('text-align', 'center');
            }
		});
	});
	//Import Excel files
    function get_location_id()
    {
        document.getElementById('locationexcel').click();
    }
    /* Import location details excel file */
    $('#locationexcel').change(function(){
        $('#xls_error').hide();
        var ext = $('#locationexcel').val().split('.').pop().toLowerCase();
        if($.inArray(ext, ['xls','xlsx']) == -1)
        {
            $('#xls_error').show();
            return false;
        }
        else {
            $('#xls_error').hide();
            document.forms['import_location'].submit();
        }
    });
</script>
@endsection