@extends('layouts.master')

@section('title','Add Item')

@section('content')

    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Add Item</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Add Item</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                    <div class="card card-primary card-outline card-outline-tabs">
                                                    <div class="alert alert-danger" role="alert">
                                You do not have permission to access this form.
                            </div>
                                            </div>

                </div>
            </div>
        </div>
    </div>


    <script>
        $('#add_item_tab').on('shown.bs.tab', function (e) {
            var target = $(e.target).attr("href");
            if (target == '#item_history_tab') {
                getItemHistory();
            }
        });

        function getItemHistory() {
            $("#item_history_tab").html("<div class=\"row\">\n" +
                "                                        <div class=\"col-lg-12\">\n" +
                "                                            <div class=\"load-bar\">\n" +
                "                                                <div class=\"bar\"></div>\n" +
                "                                                <div class=\"bar\"></div>\n" +
                "                                                <div class=\"bar\"></div>\n" +
                "                                            </div>\n" +
                "                                        </div>\n" +
                "                                    </div>");

            $.ajax({
                type: 'get',
                url: '{{url('/item/history')}}',
                data: {},
                async: true,
                success: function (data) {
                    $("#item_history_tab").html(data);
                }
            });
        }

        $(document).ready(function () {

            $('#report-table').DataTable({
                "lengthMenu": [ 30, 50, 100, 200, 500, 1000 ],
                "pageLength": 30,
            });

            @if(isset($user_permission[0]) && $user_permission[0]->insert == 0 && $user_permission[0]->view == 1)
                $('#custom-tabs-four-profile-tab').tab('show');
            @endif

            @if($itemHistoryTab)
                $('a[href="#item_history_tab"]').click();
                // $('a[href="#order_history_tab"]').tab('show');
                // getOrderHistory();
            @else
                $('a[href="#item_adding_tab"]').click();
            @endif
        });

    </script>

@endsection