@extends('layouts.blank')

@push('stylesheets')
@endpush

@push('inline-scripts')
    @if(isset($branchGroupingsSelection))
        var branchGroupingsSelection = null;
    @else
        var branchGroupingsSelection = [];
    @endif

    @if(isset($selectedBranchGroup))
        var selectedBranchGroup = null;
    @else
        var selectedBranchGroup = [];
    @endif


    @if(isset($lostReasons))
        var lostReasons = null;
    @else
        var lostReasons = [];
    @endif

    @if(isset($selectedLostReasons))
        var selectedLostReasons = null;
    @else
        var selectedLostReasons = [];
    @endif

    @if(isset($selectedYearMonth))
        var selectedYearMonth = null;
    @else
        var selectedYearMonth = null;
    @endif
@endpush

@push('scripts')
    <script src="{{ asset('js/lostInventory.js') }}"></script>
    <script src="{{ asset('js/bootstrap-datepicker.js') }}"></script>
@endpush

@section('main_container')
    <div class="right_col" role="main">

        {!! Form::open(array('route' => array('lost_inventory.store'), 'class' => 'form-horizontal form-label-left', 'method' => 'POST')) !!}
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <div class="x_panel">
                    <div class="row">
                        <div class="col-md-2 col-xs-12">
                            <div class="form-group">
                                {!! Form::select('branchGroup[]',  $branchGroupingsSelection, null, array('id' => 'branchGroup', 'class' => 'form-control' ,'multiple' => 'multiple')) !!}
                            </div>
                        </div>

                        <div class="col-md-3 col-xs-12">
                            <div class="form-group">
                                {!! Form::select('lostReasons[]',  $lostReasons, null, array('id' => 'lostReasons', 'class' => 'form-control', 'multiple' => 'multiple')) !!}
                            </div>
                        </div>

                        <div class="col-md-1 col-xs-12">
                            <div class="form-group">
                                {!! Form::text('yearMonth', null, array('class' => 'form-control', 'id' => 'monthPicker', 'placeholder' => 'PICK MONTH')) !!}
                            </div>
                        </div>

                        <div class="col-md-2 col-xs-12">
                            <div class="btn-group">
{{--                                <button style="height: 34px;" type="submit" name="submit" value="export" class="btn btn-sm btn-default"><span class="fa fa-file-archive-o"></span>&nbsp;Export</button>--}}
                                <button style="height: 34px;" type="submit" name="submit" value="paginate" class="btn btn-sm btn-default"><span class="fa fa-search"></span>&nbsp;Search</button>
                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="row">

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

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Store Loss Items <strong>{{ $formattedDate }}</strong></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li>
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-export"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <span class="label label-default" style="display: block; border-radius: 0px;">
                                            <small>Export <span class="glyphicon glyphicon-save"></span>&nbsp;
                                                <strong>{{ $formattedDate }}</strong>
                                            </small>
                                        </span>
                                    </li>
                                    <li>
                                        <button style="text-decoration: none;" type="submit" class="btn btn-link" value="excelRaw" name="submit">
                                            <small><span class="fa fa-tasks"></span>&nbsp;&nbsp;Raw Format </small>
                                        </button>
                                    </li>
                                    <li>
                                        <button style="text-decoration: none;" type="submit" class="btn btn-link" value="excelBreakdown" name="submit">
                                            <small><span class="fa fa-sitemap"></span>&nbsp;&nbsp;Branch, Item Type, And Issue Breakdown By Reason Format </small>
                                        </button>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a class="close-link">
                                    <i class="fa fa-close">
                                    </i>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>

                    <div class="x_content table-responsive">
                        <table id="datatable" class="table table-responsive table-striped jambo_table table-hover table-bordered">
                            <thead>
                            <tr>
                                <th>Date</th>

                                <th>Branch Group</th>
{{--                                <th>Branch Code</th>--}}
                                <th>Branch</th>
{{--                                <th>Terminal #</th>--}}
                                <th>Outgoing #</th>

                                <th>Purpose</th>
                                <th>Reason</th>
                                <th>Issue</th>

                                <th>Responsible</th>
                                <th>Person</th>
                                <th>Remarks</th>

                                <th>Barcode</th>
                                <th>Itemcode</th>
                                <th>Item Type</th>
                                <th>Department</th>
                                <th>Category</th>
                                <th>Description</th>
                                <th>Quantity</th>


                            </tr>
                            </thead>
                            <tbody>
                            @foreach($storeLosts as $storeLost)
                                <tr>
                                    <td>{{ $storeLost->local_time }}</td>
                                    <td>{{ $storeLost->branch_group }}</td>
{{--                                    <td>{{ $storeLost->branch_code }}</td>--}}
                                    <td>{{ $storeLost->branch_name }}</td>
{{--                                    <td>{{ $storeLost->terminal_no }}</td>--}}
                                    <td>{{ $storeLost->outgoing_no }}</td>

                                    <td>{{ $storeLost->purpose }}</td>
                                    <td>{{ $storeLost->reason }}</td>
                                    @if($storeLost->issue != '')
                                        <td><span class="fa fa-chain-broken"></span>&nbsp;<span>{{ $storeLost->issue }}</span></td>
                                    @else
                                        <td>{{ $storeLost->issue }}</td>
                                    @endIf


                                    <td><strong>{{ $storeLost->damaged_by_tag }}</strong></td>

                                    @if($storeLost->damaged_by != '')
                                        <td><span class="fa fa-user-md"></span>&nbsp;<span>{{ $storeLost->damaged_by }}</span></td>
                                    @else
                                        <td>{{ $storeLost->damaged_by }}</td>
                                    @endIf
                                    <td>{{ $storeLost->remarks }}</td>

                                    <td>{{ $storeLost->barcode }}</td>
                                    <td>{{ $storeLost->itemcode }}</td>
                                    <td>{{ $storeLost->item_type }}</td>
                                    <td>{{ $storeLost->department }}</td>
                                    <td>{{ $storeLost->category }}</td>
                                    <td>{{ $storeLost->description }}</td>
                                    <td>{{ $storeLost->qty }}</td>


                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {!! Paginate::show($storeLosts) !!}
                        {{ $storeLosts->appends(request()->except('page'))->links() }}
                    </div>
                </div>
            </div>
        </div>

        {!! Form::close() !!}
    </div>
@endsection