@extends('layouts.main_without_top_button', ['title'=>config('app.name') . ' | PERMITS SETTINGS'])
@section('title', 'PERMITS SETTINGS')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Permits Settings</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="mediamgr">
                            <div class="mediamgr_left">
                                <div class="mediamgr_category">
                                    <ul>
                                        <li class="current"><a >Permits List</a></li>
                                        <!--<li class="current"><a href="">Notification</a></li>-->
                                        <li class="pull-right">
                                            <a  class="add_permit btn"><span class="icon-plus"></span> Add Permit</a>
                                        </li>
                                        <li class="pull-right">
                                            <input type="text" name="new_permit" id="new_permit" value=""
                                                   placeholder="New Permits"
                                                   class="span12"/>
                                        </li>
                                    </ul>
                                </div><!--mediamgr_category-->
                                <div class="row-fluid">
                                    <div class="span12">
                                        <table class="table table-striped table-condensed" id="dyntable">
                                            <thead>
                                                <tr>
                                                    <th class="head0">Name</th>
                                                    <th class="head1" width="50">Action</th>
                                                    {{--<th class="head1">Recent Location</th>--}}
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($permits as $permit)
                                                    <tr class="gradeX">
                                                        <td>
                                                            <span id="quantity{{$permit->id}}" style="display:none">
                                                                 <input type="text" class="span12" id="dataquantity{{$permit->id}}" value="{{$permit->name}}">
                                                            </span>
                                                        <span id="quantityvalue{{$permit->id}}">{{$permit->name}}</span>
                                                        </td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <button class="btn btn btn-mini"
                                                                        id="editDetails{{$permit->id}}"
                                                                        onclick="editDetails('{{$permit->id}}')"><i
                                                                            class="icon-pencil icon"></i></button>
    
                                                                <button class="btn btn btn-mini"
                                                                        onclick="editSave('{{$permit->id}}');"
                                                                        id="editsave{{$permit->id}}" style="display:none">
                                                                    Save
                                                                </button>
    
                                                                <button class="btn btn btn-mini btn-danger"
                                                                        onclick="showDeleteModal('{{$permit->id}}','{{$permit->name}}');">
                                                                    <i class="icon-trash icon"></i>
                                                                </button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        <br class="clearall"/>
                                    </div>
                                </div>
                            </div><!--mediamgr_left -->
                            <br class="clearall"/>
                        </div><!--mediamgr-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery(".add_permit").click(function () {
                if (jQuery("#new_permit").val() != '')
                {
                    jQuery.ajax({
                        url: '{{route('settings.permits.store')}}',
                        dataType: 'json',
                        type: 'post',
                        data: {'permit': jQuery('#new_permit').val()},
                        cache: false,
                        beforeSend: function () {},
                        success: function (data) {
                            if (data) {
                                // jQuery('#dyntable tbody').append(data);
                                jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} PERMIT CREATED ', {
                                    theme: 'contrastBorder',
                                    sticky: true
                                });
                                location.reload();
                            }
                        }
                    });
                }
            });
        });
        function editSave(argument) {
            var target = document.getElementById('dyntable');
//            Initiatespinner(target);

            jQuery.ajax({
                url: '{{ route('settings.permits.update') }}',
                type: 'post',
                data: {
                    'permit_id': argument,
                    'name': jQuery('#dataquantity' + argument).val(),
                    'default': 0,
                },

                cache: false,
                success: function (html) {
//                    jQuery('#messege_add').html(html);
                    jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} PERMIT UPDATED ', {
                        theme: 'contrastBorder',
                        sticky: true
                    });
                    location.reload();
                }
            });
        }

        function showDeleteModal(argument, name) {
            jConfirm('ARE YOU SURE, YOU WANT TO DELETE ' + name, 'DELETE', function (r) {
                if (r == true) {
                    CategoryRemove(argument);
                } else {

                }

            });
        }
        function CategoryRemove(argument) {
            jQuery.ajax({
                url: '{{ route('settings.permits.destroy') }}',
                type: 'post',
                data: {
                    'permit_id': argument,//popup_ok
                },
                cache: false,
                success: function (data) {
                    jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} PERMIT DELETED ', {
                        theme: 'contrastBorder',
                        sticky: true
                    });
                    location.reload();
                }
            });
        }
        function editDetails(argument) {
            jQuery('#quantity' + argument).show();
            jQuery('#quantityvalue' + argument).hide();

            jQuery('#country_name' + argument).show();
            jQuery('#country_namevalue' + argument).hide();

            jQuery('#editsave' + argument).show();
            jQuery('#editDetails' + argument).hide();

            jQuery('#descript' + argument).show();
            jQuery('#descriptionvalue' + argument).hide();
        }
@stop