@extends('layouts.admin.app')
@section('title') Dashboard @stop
@section('style')
    <style>

        .ldBar-label {
            display:none;
        }

        .daily {
            position:relative;
        }

        .daily .title{
            position:absolute;
            top:17px;
            left:0;
            right:0;
        }

        .daily .count{
            font-size:35px;
            position:absolute;
            top:25px;
            left:0;
            right:0;
        }

        .daily .date{
            position:absolute;
            bottom:10px;
            left:0;
            right:0;
        }
        .task-all {
            min-height: 125px;
            background-color: #007C7D !important;
        }

        .order {
            min-height: 150px;
        }

        .tasks .col-lg-1 {
            padding-right: 1px !important;
            padding-left: 1px !important;
        }

        .tasks .inner {
            padding: 2px !important;
        }

        section .row {
            text-transform: uppercase;
            font-weight: bold;
        }


    </style>

    <link rel="stylesheet" href="{{asset('css/loading-bar.css')}}">

@endsection
@section('main')
    <section>
        <div class="container-fluid">
            <div class="row" style="margin-bottom:20px;">
                <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                    <div
                            class="ldBar label-center daily text-center"
                            style="width:145px;height:145px;margin:auto"
                            data-value="{!! $dailyTotal['incoming'] / 120 *100 !!}"
                            data-preset="circle"
                    >
                        <p class="title">Incoming</p>
                        <h3 class="count">{{$dailyTotal['incoming']}}</h3>
                        <p class="date">{{$dailyTotal['date']}}</p>
                    </div>
                </div>

                <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                    <div
                            class="ldBar label-center daily text-center"
                            style="width:145px;height:145px;margin:auto"
                            data-value="{!! $dailyTotal['invoicer'] / 120 *100 !!}"
                            data-preset="circle"
                    >
                        <p class="title">Invoicer</p>
                        <h3 class="count">{{$dailyTotal['invoicer']}}</h3>
                        <p class="date">{{$dailyTotal['date']}}</p>
                    </div>
                </div>

                <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                    <div
                            class="ldBar label-center daily text-center"
                            style="width:145px;height:145px;margin:auto"
                            data-value="{!! $dailyTotal['label-production'] / 120 *100 !!}"
                            data-preset="circle"
                    >
                        <p class="title">Label <br> Production</p>
                        <h3 class="count">{{$dailyTotal['label-production']}}</h3>
                        <p class="date">{{$dailyTotal['date']}}</p>
                    </div>
                </div>

                <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                    <div
                            class="ldBar label-center daily text-center"
                            style="width:145px;height:145px;margin:auto"
                            data-value="{!! $dailyTotal['warehouse'] / 120 *100 !!}"
                            data-preset="circle"
                    >
                        <p class="title">Warehouse</p>
                        <h3 class="count">{{$dailyTotal['warehouse']}}</h3>
                        <p class="date">{{$dailyTotal['date']}}</p>
                    </div>
                </div>

                <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                    <div
                            class="ldBar label-center daily text-center"
                            style="width:145px;height:145px;margin:auto"
                            data-value="{!! $dailyTotal['ship'] / 120 *100 !!}"
                            data-preset="circle"
                    >
                        <p class="title">Ship</p>
                        <h3 class="count">{{$dailyTotal['ship']}}</h3>
                        <p class="date">{{$dailyTotal['date']}}</p>
                    </div>
                </div>


            </div>
            <div class="row" style="margin-bottom:20px;">

                {{--<h2>Tasks</h2>--}}

                @if(Auth::user()->role_id == 2  || Auth::user()->role_id == 7)

                    {!! Form::open(['method'=>'POST','action' => 'AdminMemosController@newMemoMultiple']) !!}

                    <div class="col-xs-4">
                        {!! Form::select('task_department_ids[]', $departmentPluck, null,['class'=>'form-control select2','multiple'=>'multiple', 'data-placeholder'=>'Choose Department(s)']) !!}
                        @if ($errors->has('task_department_ids'))
                            <span class="invalid-feedback">
                            <strong>{{ $errors->first('task_department_ids') }}</strong>
                        </span>
                        @endif
                    </div>
                    <div class="col-xs-5">
                        {!! Form::text('description', null, ['class'=>'form-control', 'placeholder' =>'Description']) !!}
                        @if ($errors->has('description'))
                            <span class="invalid-feedback">
                            <strong>{{ $errors->first('description') }}</strong>
                        </span>
                        @endif
                    </div>
                    <div class="col-xs-3">
                        <button type="submit" class="btn btn-primary btn-block">Add Memo</button>
                    </div>
                    {!! Form::close() !!}

                @endif
            </div>
            <div class="row tasks">

                @foreach($departments as $department)

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">

                        @if($department->name != 'blank')
                            <a href="{{url('admin/tasks/'. $department->id)}}">
                                @endif
                                <div class="task-DB0000 small-box"
                                     style="overflow-y:auto; height:125px; background-color:{{$department->background_color}};
                                             color:{{$department->text_color}}; border: 1px solid {{$department->border_color}}; word-break: break-all">
                                    <div class="inner text-center">
                                        @if($department->name != 'blank')
                                            <p style="font-size: {{$department_font_size.'px'}}">
                                                <strong>{{$department->name}}</strong>

                                            @foreach($department->employee as $employee)
                                                <p style="font-size: {{$department_font_size.'px'}};margin:0 !important;">{{$employee->name}}</p>
                                            @endforeach

                                            <p style="font-size: {{$department_font_size.'px'}};margin:0 !important;">
                                                {{$department->today}}/{{$department->incomplete}}/{{$department->all}}
                                            </p>
                                        @endif
                                    </div>
                                </div>
                                @if($department->name != 'blank')
                            </a>
                        @endif
                    </div>

                @endforeach

                @if(Auth::user()->role_id == 2  || Auth::user()->role_id == 7)

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.tasks.index')}}">
                            <div class="task-DB0000 small-box"
                                 style="overflow-y:auto; height:125px; background-color:white;
                                         color:black; border: 1px solid black; word-break: break-all">
                                <div class="inner text-center">
                                    <p><strong>ALL TASKS</strong></p>
                                    <i style="font-size:30px" class="fa fa-calendar" aria-hidden="true"></i>
                                </div>
                            </div>
                        </a>
                    </div>

                @endif

            </div>
        </div>

        @if(Auth::user()->role_id != 6)

            <div class="container-fluid">
                <div class="row">
                    {{--<h2>New Orders</h2>--}}
                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.incomeOrders.index')}}">
                            <div class="small-box bg-{{$count['incomeOrderBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['incomeOrdersRead']}}/{{$count['incomeOrders']}}</h3>
                                    <p>Incoming Orders</p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">

                        <a href="{{route('admin.orders.invoicer.index')}}">
                            <div class="small-box bg-{{$count['invoicerBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['invoicerRead']}}/{{$count['invoicer']}}</h3>
                                    <p>Invoicer</p>
                                </div>

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

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.holdingArea.index')}}">
                            <div class="small-box bg-{{$count['holdingAreaBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['holdingAreaRead']}}/{{$count['holdingArea']}}</h3>
                                    <p>Holding Area</p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.labelProduction.index')}}">
                            <div class="small-box bg-{{$count['labelProductionBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['labelProductionRead']}}/{{$count['labelProduction']}}</h3>
                                    <p>Label Production</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.hold-warehouse.index')}}">
                            <div class="small-box bg-{{$count['hold-warehouseBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['hold-warehouseRead']}}/{{$count['hold-warehouse']}}</h3>
                                    <p>Hold to Warehouse</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <div class="row" style="height:50%;">
                            <div style="margin-bottom:-20px;" class="col-md-12">
                                <a href="{{route('admin.orders.warehouse.index')}}">
                                    <div class="small-box bg-{{$count['warehouseBg']}}">
                                        <div class="order inner text-center"
                                             style="min-height:75px; height:75px; padding:0;">
                                            <h3 style="margin:0;">{{$count['warehouseRead']}}
                                                /{{$count['warehouse']}}</h3>
                                            <p style="margin:0;">Warehouse 1</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{route('admin.orders.warehouse3.index')}}">
                                    <div class="small-box bg-{{$count['warehouseBg3']}}">
                                        <div class="order inner text-center"
                                             style="min-height:75px; height:75px; padding:0;">
                                            <h3 style="margin:0;">{{$count['warehouseRead3']}}
                                                /{{$count['warehouse3']}}</h3>
                                            <p style="margin:0;">Warehouse 2</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.ship.index')}}">
                            <div class="small-box bg-{{$count['shipBg']}}">
                                <div class="order inner text-center">
                                    <h3>{{$count['shipRead']}}/{{$count['ship']}}</h3>
                                    <p>Ship</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>

            <div class="container-fluid">
                <div class="row">
                    {{--<h2>On Hold Orders</h2>--}}


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.newLabel.index')}}">
                            <div class="small-box bg-{{$count['newLabelBg']}}"
                                 style="border-radius:50%; min-height:125px;">
                                <div class="order inner text-center">
                                    <h3>{{$count['newLabelRead']}}/{{$count['newLabel']}}</h3>
                                    <p>New Label &amp; Label Change</p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.onHoldForCheck.index')}}">
                            <div class="small-box bg-{{$count['onHoldForCheckBg']}}"
                                 style="border-radius:50%;min-height:125px;">
                                <div class="inner text-center">
                                    <h3>{{$count['onHoldForCheckRead']}}/{{$count['onHoldForCheck']}}</h3>
                                    <p>On Hold For Payment</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.pickUpOrders.index')}}">
                            <div class="small-box bg-{{$count['pickUpOrdersBg']}}"
                                 style="border-radius:50%;min-height:125px;">
                                <div class="inner text-center">
                                    <h3>{{$count['pickUpOrdersRead']}}/{{$count['pickUpOrders']}}</h3>
                                    <p>Pick Up Orders</p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.postDateShipments.index')}}">
                            <div class="small-box bg-{{$count['postDateShipmentsBg']}}"
                                 style="border-radius:50%;min-height:125px;">
                                <div class="inner text-center">
                                    <h3>{{$count['postDateShipmentsRead']}}/{{$count['postDateShipments']}}</h3>
                                    <p>Post-Date Shipments</p>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.miscellaneous.index')}}">
                            <div class="small-box bg-{{$count['miscellaneousBg']}}"
                                 style="border-radius:50%;min-height:125px;">
                                <div class="inner text-center">
                                    <h3>{{$count['miscellaneousRead']}}/{{$count['miscellaneous']}}</h3>
                                    <p>Miscellaneous</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="#" data-toggle="modal" data-target="#exampleModal">
                            <div class="small-box"
                                 style="border-radius:50%;min-height:125px;background:black; color:White">
                                <div class="inner text-center" style="padding:48px 0 28px">
                                    <p>Cherith Valley</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-cell8 col-md-4 col-xs-6" style="padding:0 1px">
                        <a href="{{route('admin.orders.onHoldForOutOfStock.index')}}">
                            <div class="small-box bg-{{$count['onHoldForOutOfStockBg']}}"
                                 style="border-radius:50%;min-height:125px;">
                                <div class="inner text-center">
                                    <h3>{{$count['onHoldForOutOfStockRead']}}/{{$count['onHoldForOutOfStock']}}</h3>
                                    <p>On Hold For Out of Stock</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                         aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h5 class="modal-title" id="exampleModalLabel">Cherith Valley</h5>

                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-lg-4 col-xs-6">
                                            <a href="{{route('admin.orders.newLabel2.index')}}">
                                                <div class="small-box bg-{{$count['newLabelBg2']}}">
                                                    <div class="order inner text-center">
                                                        <h3>{{$count['newLabelRead2']}}/{{$count['newLabel2']}}</h3>
                                                        <p>New Label &amp; Label Change</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>


                                        <div class="col-lg-4 col-xs-6">
                                            <a href="{{route('admin.orders.labelProduction2.index')}}">
                                                <div class="small-box bg-{{$count['labelProductionBg2']}}">
                                                    <div class="order inner text-center">
                                                        <h3>{{$count['labelProductionRead2']}}
                                                            /{{$count['labelProduction2']}}</h3>
                                                        <p>Label Production</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-lg-4 col-xs-6">
                                            <a href="{{route('admin.orders.warehouse2.index')}}">
                                                <div class="small-box bg-{{$count['warehouseBg2']}}">
                                                    <div class="order inner text-center">
                                                        <h3>{{$count['warehouseRead2']}}/{{$count['warehouse2']}}</h3>
                                                        <p>Warehouse</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="row">
                    {{--<h2>Inventory Status</h2>--}}
                    <div class="col-lg-3 col-xs-6">
                        <div class="info-box bg-green">
                            <a href="{{route('admin.inventory.normal',0)}}" style="color:white;"><span
                                        class="info-box-icon"><i class="fa fa-bookmark-o"></i></span></a>

                            <div class="info-box-content">
                                <span class="info-box-text">Normal</span>
                                <span class="info-box-number">{{$count['normal']}}/{{$count['products']}}</span>

                                <div class="progress">
                                    <div class="progress-bar"
                                         style="width: {!! $count['normal']/$count['products']*100 !!}%"></div>
                                </div>
                                <span class="progress-description">
                     {!! number_format($count['normal']/$count['products']*100, 2, '.', ','); !!} % </span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-xs-6">
                        <div class="info-box bg-yellow">
                            <a href="{{route('admin.inventory.low',0)}}" style="color:white;"><span
                                        class="info-box-icon"><i
                                            class="fa fa-bookmark-o"></i></span></a>

                            <div class="info-box-content">
                                <span class="info-box-text">Low</span>
                                <span class="info-box-number">{{$count['low']}}/{{$count['products']}}</span>

                                <div class="progress">
                                    <div class="progress-bar"
                                         style="width: {!! $count['low']/$count['products']*100 !!}%"></div>
                                </div>
                                <span class="progress-description">
                     {!! number_format($count['low']/$count['products']*100, 2, '.', ','); !!} % </span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-xs-6">
                        <div class="info-box bg-red">
                            <a href="{{route('admin.inventory.hot',0)}}" style="color:white;"><span
                                        class="info-box-icon"><i
                                            class="fa fa-bookmark-o"></i></span></a>

                            <div class="info-box-content">
                                <span class="info-box-text">Hot</span>
                                <span class="info-box-number">{{$count['hot']}}/{{$count['products']}}</span>
                                <div class="progress">
                                    <div class="progress-bar"
                                         style="width: {!! $count['hot']/$count['products']*100 !!}%"></div>
                                </div>
                                <span class="progress-description">
                    {!! number_format($count['hot']/$count['products']*100, 2, '.', ','); !!} % </span>
                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="container-fluid">
                <div class="row">
                    {{--<div class="col-lg-3 col-xs-6">--}}
                        {{--<div class="small-box bg-blue">--}}
                            {{--<div class="inner">--}}
                                {{--<h3>{{$count['kitchen-batch-order']}}</h3>--}}
                                {{--<p>KITCHEN BATCH ORDER</p>--}}
                            {{--</div>--}}
                            {{--<div class="icon">--}}
                                {{--<i class="ion ion-android-clipboard"></i>--}}
                            {{--</div>--}}
                            {{--<a href="{{route('admin.inventory.kitchen-batch-order')}}" class="small-box-footer">--}}
                                {{--KITCHEN PROCESSING <i class="fa fa-arrow-circle-right"></i>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-lg-3 col-xs-6">--}}
                        {{--<div class="small-box bg-blue">--}}
                            {{--<div class="inner">--}}
                                {{--<h3>{{$count['quality-control']}}</h3>--}}
                                {{--<p>QUALITY CONTROL</p>--}}
                            {{--</div>--}}
                            {{--<div class="icon">--}}
                                {{--<i class="ion ion-android-clipboard"></i>--}}
                            {{--</div>--}}
                            {{--<a href="{{route('admin.inventory.quality-control')}}" class="small-box-footer">--}}
                                {{--QC PROCESSING <i class="fa fa-arrow-circle-right"></i>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-lg-3 col-xs-6">--}}
                        {{--<div class="small-box bg-blue">--}}
                            {{--<div class="inner">--}}
                                {{--<h3>{{$count['batch-coding']}}</h3>--}}
                                {{--<p>BATCH CODING</p>--}}
                            {{--</div>--}}
                            {{--<div class="icon">--}}
                                {{--<i class="ion ion-android-clipboard"></i>--}}
                            {{--</div>--}}
                            {{--<a href="{{route('admin.inventory.batch-coding')}}" class="small-box-footer">--}}
                                {{--CODING PROCESSING <i class="fa fa-arrow-circle-right"></i>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    <div class="col-lg-3 col-xs-6">
                        <div class="small-box bg-blue">
                            <div class="inner">
                                <h3>{{$count['warehouse-inventory']}}</h3>
                                <p>WAREHOUSE INVENTORY</p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-android-clipboard"></i>
                            </div>
                            <a href="{{route('admin.inventory.warehouse-inventory')}}" class="small-box-footer">
                                TRANSFERRING TO INVENTORY <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-3 col-xs-6">
                        <div class="small-box bg-blue">
                            <div class="inner">
                                <h3>{{$count['request']}}</h3>
                                <p>Inventory Requests</p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-android-clipboard"></i>
                            </div>
                            <a href="{{route('admin.inventory.request')}}" class="small-box-footer">
                                Inventory Requests <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-xs-6">
                        <div class="small-box bg-yellow">
                            <div class="inner">
                                <h3>{{$count['inboxRead']}}/{{$count['inbox']}}</h3>
                                <p>Unread Contact Requests</p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-android-drafts"></i>
                            </div>
                            <a href="{{route('admin.inbox.index')}}" class="small-box-footer">
                                Contact Requests <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        @endif

    </section>

@stop
@section('footer')
    <script>
        $(document).ready(function () {
            setTimeout("window.open(self.location, '_self');", 300000);
        });
    </script>
    <script src="{{asset('js/loading-bar.js')}}"></script>
    <script>
        var bar1 = new ldBar("#myItem1");
        var bar2 = document.getElementById('myItem1').ldBar;
        bar1.set(60);
    </script>
@stop