@extends('layouts.main_without_top_button')
@section('title')
    Inspection Templates
@stop
@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">Inspection Templates</li>
    </ul>
@stop
@section('inspection_templates')
    current
@stop
@section('contentinner')
    <style type="text/css">
        input.invalid, textarea.invalid {
            border: 2px solid red;
        }

        input.valid, textarea.valid {
            border: 2px solid green;
        }
    </style>
    <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">
                                @include('workshops.settings.includes.profile')
                                <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                                    <ul class="msghead_menu">
                                        <li class="right btn-group">
                                            {{--<button class="btn" onclick="openAdvancedSearch()" style="margin-right: 2px">--}}
                                            {{--<span class="icon-search"></span> &nbsp; FILTER--}}
                                            {{--</button>--}}
                                            {{--<a class="btn" href="{{route('inspection.inspection-templates.create')}}">NEW TEMPLATE</a>--}}

                                            <button class="btn" style="margin-right: 2px" onclick="create('{!! route('inspection.inspection-templates.create') !!}')"><span
                                                ></span>NEW TEMPLATE
                                            </button>
                                        </li>
                                    </ul>
                                    <span class="clearall"></span>
                                </div><!--msghead-->

                                <span class="clearall"></span>
                                <span class="clearall"></span>
                                <div class="tab-pane active">
                                    <table class="table table-bordered table-condensed" id="vehicle_template_list_table">
                                        <thead>
                                        <tr>
                                            {{--<th class="nosort" style="width: 2%"><input type="checkbox" class="checkall"/></th>--}}
                                            <th style="width: 03%"> S/N</th>
                                            <th>Template Name</th>
                                            <th>Description</th>
                                            <th style="width: 15%">Created By</th>
                                            <th style="width: 22%">Created Date</th>
                                            <th style="width: 10%">Action</th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>

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

                        </div><!--mediamgr-->
                    </div><!--span12-->
                </div><!--row-fluid-->
            </div><!--row-fluid-->
        </div><!--row-fluid-->
    </div><!--tabbable-->

    <script>

        var mainDataTable = jQuery('#vehicle_template_list_table').DataTable({
            "oLanguage": {
                "sLoadingRecords": startSpinner(),
                "sZeroRecords": "No template records to display.",
                "sProcessing": "Please wait - loading records...",
                "sInfoEmpty": "No entries to display."
            },
            "initComplete": function (settings, json) {
                stopSpinner();
            },
            ajax: {
                url: '{{route('inspection.inspection-templates.datatable')}}',
                data: function (d) {

                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "order": [[1, "desc"]],
            "columns": [
                // {data: 'checkbox'},
                {"class": "link", data: 'id'},
                {"class": "link", data: 'name'},
                {"class": "link", data: 'description'},
                {"class": "link", data: 'created_by'},
                {"class": "link", data: 'created_at'},
                {"class": "link", data: 'action'}
            ],
            "bStateSave": true
        });

    </script>
@stop