@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Damage Store Inventory')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Damage Store Inventory')</li>
                </ul>
            </div>
        </div>
    </div>

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="buttons_block">
                @if(IzoCommonHelper::hasPermission('damage_store_inventory_add'))
            <div class="btn-group mr5">
                <a class="btn btn-primary tip" href="{{ URL::to('admin/damaged-warehouse-product/create') }}" title="Add New">@lang('messages.Add New')</a>
            </div>
        @endif
    </div>
    <div class="content">
        @if(IzoCommonHelper::hasPermission('damage_store_inventory_list'))
        <table id="damage_table" class="table table-striped table-bordered responsive">
            <thead>
            <tr class="headings">
                <th>@lang('messages.Id')</th>
                <th>@lang('messages.Store Product Id')</th>
                <th>@lang('messages.Product Name')</th>
                <th>@lang('messages.Damaged Quantity')</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                </td>
            </tr>
            </tbody>
        </table>
        @endif
    </div>
    <div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Damaged Products</h4>
            </div>

            <div class="modal-body" id="modal-body">
                <img src="{{ url('images/logo.png') }}" style="width:150px;height:70px;" />
            </div>

            <div class="modal-footer"></div>
            </div>
        </div>
    </div>

    <script>
        $(function () {
            $('#damage_table').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: '{!! url('admin/damaged-warehouse-product/ajax-list') !!}',
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'warehouse_product_id', name: 'warehouse_product_id', searchable: true},
                    {data: 'name_en', name: 'name_en', searchable: true},
                    {data: 'damaged_qty', name: 'damaged_qty', searchable: true},
                ],
            });
        });

        function printOrder()
        {
            var conf = confirm('Are you sure want to Print Damaged Products?');
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/damaged-warehouse-product/print-damaged-products') }}';
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    type: 'get',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            $('.modal-body').html(resp.data);
                            var myWindow = window.open();
                            var printContents = document.getElementById('modal-body').innerHTML;
                            myWindow.document.writeln("<html><head><style>body{font-family:verdana;font-size:12px;}.show-top{display:block}table{width:100%;border-collapse: collapse;border:1px solid #ccc;}td{padding:10px;text-align:left;border-top:1px solid #ccc;text-align:left;font-size:12px;}th{background:#f5f5f5 !important;text-align:left;padding:10px;border-right:1px solid #ccc;font-size:12px;}</style>");
                            myWindow.document.writeln("</head><body>");
                            myWindow.document.writeln("<div>"+printContents+ "</div>");
                            myWindow.document.writeln('</body></html>');
                            myWindow.focus();
                            myWindow.print();
                            myWindow.close();
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
@endsection