@extends('layouts.main')
@section('contentinner')
    <div class="maincontent">
        <div class="contentinner">

            <div class="mediamgr">
                <div class="mediamgr_left">
                    <div class="mediamgr_content">
                        <h4 class="widgettitle form-inline">
                            <a href="#">Truck Maintenance Parameter</a>
                            <select class="span2" id="category">
                                <option></option>
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                            </select>
                            <input type="text" name="new_parameter"  id="new_parameter" value="" placeholder="New Truck Parameter" class="span2" />
                            <a href="#" class="add_category"><span class="icon-plus"></span> Add Parameter</a>
                        </h4>
                        <table class="table table-striped" id="dyntable">
                            <colgroup>
                                <col class="con0" style="align: center; width: 4%" />
                                <col class="con1" />
                                <col class="con0" />
                                <col class="con1" />
                                <col class="con0" />
                                <col class="con1" />
                            </colgroup>
                            <thead>
                            <tr>
                                <th class="head0 nosort"><input type="checkbox" class="checkall" /></th>
                                <th class="head0">Parameter</th>
                                <th class="head0">Category</th>
                                <th class="head1" width="20">Action</th>
                                {{--<th class="head1">Recent Location</th>--}}
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($parameters as $parameter)
                                <tr class="gradeX">
                                    <td class="aligncenter"><span class="center"><input type="checkbox" /></span></td>
                                    <td> 
                                    <span id="quantity{{$parameter->id}}" style="display:none">
                                            <input type="text" class="span3" id="dataquantity{{$parameter->id}}" value="{{$parameter->name}}">
                                    </span>                                    
                                    <span class="" id="quantityvalue{{$parameter->id}}">{{$parameter->name}}</span>
                                    </td>
                                    <td>                                        
                                        <span id="name{{$parameter->id}}"  style="display:none">
                                            <select class="span3" id="dataname{{$parameter->id}}">
                                                <option></option>
                                                @foreach($categories as $category)
                                                 {{$selected = ($category->id == $parameter->category_id) ? 'selected' : ''}}
                                                    <option {{$selected}} value="{{$category->id}}">{{$category->name}}</option>
                                                @endforeach
                                            </select>
                                        </span>
                                        <span class="" id="namevalue{{$parameter->id}}">{{$parameter->categoryName}}</span>
                                    </td>
                                    <td>
                                        <div class="btn-group">
                                            <button onclick="editDetails({{$parameter->id}});" id="editDetails{{$parameter->id}}" class="btn btn btn-small" >
                                                <i class="icon-pencil icon"></i>
                                            </button>
                                            <button onclick="editSave({{$parameter->id}});" id="editsave{{$parameter->id}}" class="btn btn btn-small" style="display:none">
                                                <i class="iconfa-save"></i>
                                            </button>
                                            <button onclick="showDeleteModal({{$parameter->id}});" id="" class="btn btn-small" >
                                                <i class="icon-trash icon"></i>
                                            </button>
                                        </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <br /><br />

                        <br class="clearall" />

                    </div><!--mediamgr_content-->

                </div><!--mediamgr_left -->

                <div class="mediamgr_right">
                    <div class="mediamgr_rightinner">
                        <h4>Trucks Settings</h4>
                        <ul class="menuright">
                            <li><a href="{{ route('settings.trucks.maintenance') }}">Truck Categories</a></li>
                            <li><a href="{{ route('settings.trucks.maintenance-category') }}">Truck Maintenance Categories</a></li>
                            <li><a href="{{ route('settings.trucks.maintenance-parameter') }}">Truck Maintenance Parameters</a></li>
                            <li><a href="{{ route('settings.trailers.categories') }}">Trailer Category</a></li>
                            <li><a href="{{ route('settings.trailers.maintenance-category') }}">Trailer Maintenance Category</a></li>
                            <li class="current"><a href="{{ route('settings.trailers.maintenance-parameter') }}">Trailer Maintenance Parameter</a></li>
                            
                        </ul>
                    </div><!-- mediamgr_rightinner -->
                </div><!-- mediamgr_right -->
                <br class="clearall" />
            </div><!--mediamgr-->

        </div><!--contentinner-->
    </div><!--maincontent-->
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery(".add_category").click(function()
            {
                if(jQuery("#new_parameter").val() != '')
                {
                    jQuery.ajax({
                        url: 'trailer-maintenance-parameter/add',
                        dataType: 'json',
                        type: 'GET',
                        data: {'category': jQuery('#category').val(),'parameter':jQuery('#new_parameter').val()},
                        cache: false,
                        beforeSend: function(){
                        },
                        success: function(data) {
//                            if(data)
//                            {
//                                jQuery('#dyntable tbody').append(data);
//                            }
                        }
                    });
                }
            });
        });
    function editDetails(argument) {
            jQuery('#quantity' + argument).show();
            jQuery('#quantityvalue'+ argument).hide();

            jQuery('#name'+ argument).show();
            jQuery('#namevalue'+ argument).hide();

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

            jQuery('#descript' + argument).show();
            jQuery('#descriptionvalue'+ argument).hide();
        }
    function editSave (argument) {
            var target = document.getElementById('dyntable');
            Initiatespinner(target );

            jQuery.ajax({
                url: "trailer-maintenance-parameter/update",
                type: 'GET',
                data: {
                    'category_id' : argument,
                    'category': jQuery('#dataquantity' + argument).val(),                    
                    'parameter':jQuery('#dataname' + argument).val(),
                },
                cache: false,
                beforeSend: function(){

                },
                success: function(html) {
                    jQuery('#messege_add').html(html);
                    // 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: "trailer-maintenance-parameter/delete",
        type: 'GET',
        data: {
            'category_id' : argument,//popup_ok
          },
        cache: false,
        success: function(data) {
            location.reload();                      
           }
          });
    }
    </script>
@stop