@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="" class="current">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <form action="{{ url('city') }}" method="post" class="form-horizontal" id="cityForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    @if(count($countryObj) > 0)
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select Country :</label>
                        <div class="controls">
                            <select name="country_id" id="country_id">
                                <option value="">All</option>
                                @foreach($countryObj as $country)
                                <option value="{{ $country->id }}" {{ ($country_id==$country->id)?'selected':'' }}>{{ $country->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                    @if(count($state) > 0)
                    <div class="control-group" style="float: left;border: 0;">
                        <label class="control-label">Select State :</label>
                        <div class="controls">
                            <select name="state_id" id="state_id">
                                <option value="">All</option>
                                @foreach($state as $states)
                                <option value="{{ $states->id }}" {{ ($state_id==$states->id)?'selected':'' }}>{{ $states->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                </form>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ getTitleInPage() }} List</h5>
                        <span class="pull-right" style="padding: 7px;">
                        @if(checkPermissionOnWeb('City','add') > 0)
                            @if($state_id != '')
                            <a class="btn btn-mini btn-primary" href="{{ url('city/'.$state_id.'/add') }}" title="Add new">Add</a>
                            @else
                            <a class="btn btn-mini btn-primary" href="{{ url('citys/add') }}" title="Add new">Add</a>
                            @endif
                        @endif

                        </span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Name</th>
                                    <th width="5%">Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($city as $data)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td><span class="label label-{{ ($data->status == 0 )? 'info':'success'}}">{{ ($data->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                    @if(checkPermissionOnWeb('City','edit') > 0)
                                        <a class="btn btn-mini btn-success" href="{{ url('city/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                    @endif
                                    @if(checkPermissionOnWeb('City','delete') > 0)
                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                    return true;
                                                } else {
                                                    return false;
                                                }" href="{{ url('city/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a> 
                                    @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    $(document).ready(function () {
        $('select[name="country_id"]').on('change', function () {
            var country_id = $(this).val();
            if (country_id) {
                $.ajax({
                    url: "{{url('/state/get/')}}/" + country_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="state_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select State</option>');
                        $.each(data, function (key, value) {
                            //console.log(value.id);
                            $('select[name="state_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="state_id"]').empty();
            }
        });

        $('select[name="state_id"]').on('change', function () {
            $('#cityForm').submit();
            //window.location = "{{url('city')}}/" + this.value;
        });
    });

</script>
@parent
@endsection