@php
    $total = $orders->total ?? 0;
    $items = $orders->items ?? [];
    $products = $orders->products ?? [];
    $responseTimes = $orders->responseTimes ?? [];
    $currentPage = $args->page ?? 1;
    $limitPage = $args->limit ?? 50;
@endphp
@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">CS Report</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ action('AdminController@index') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">CS Report</li>
        </ol>       
        <div class="row justify-content-md-end mb-4">
            <div class="col-lg-3">                
                <div class="form-group row">
                    <div class="col-md-6">                
                        <a href="{{route('report.cs',['num'=>7])}}" class="btn btn-info btn-block ml-0">Báo cáo 7 ngày</a>
                    </div>
                    <div class="col-md-6">                
                        <a href="{{route('report.cs',['num'=>30])}}" class="btn btn-info btn-block ml-0">Báo cáo 30 ngày</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                <form method="get" action="" name="orderForm">		
                    <input type="hidden" name="export" value="">
                    <div class="form-group row">                       
                        <div class="col-md-3">
                            <div class="row">
                                <div class="col-md-6 pr-0">
                                    <input type="text" name="starts_at" id="starts_at" value="{{ $args->starts_at ?? '' }}" class="form-control datepicker" placeholder="From date">
                                </div>
                                <div class="col-md-6 pr-0">
                                    <input type="text" name="ends_at" id="ends_at" value="{{ $args->ends_at ?? '' }}" class="form-control datepicker" placeholder="To date">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 pr-0">
                            <select id="status" name="status" class="form-control">
                                <option value="">Chọn tình trạng đơn hàng</option>
                                @foreach(config('status.order') as $k=>$v)
                                    <option value="{{$v}}" @if(($args->status ?? '') == $v){{'selected'}}@endif>{{trans('admin::message.status.' . $v)}}</option>
                                @endforeach                            
                            </select>
                        </div>
                        <div class="col-md-2 pr-0">
                            @include('admin.order.elements.location')
                        </div>
                        <div class="col-md-2 pr-0">
                            @include('admin.order.elements.channel')
                        </div>
                        <div class="col-md-3 ml-0">								
                            <button class="status-btn hover-btn float-left ml-0" type="submit">Search Order</button>  
                            <button class="status-btn hover-btn float-left" type="button" onclick="exportData();">Export</button> 
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row justify-content-between">            
            <div class="col-lg-12 col-md-12">
                <div class="card card-static-2 mt-30 mb-30">
                    <div class="card-title-2">
                        <h4>All CS Report</h4>
                    </div>
                    <div class="card-body-table">
                        <div class="table-responsive">
                            <table class="table ucp-table table-hover">
                                <thead>
                                    <tr>
                                        <th style="width:80px">{{trans('admin::order.number.label')}}</th>
                                        <th style="width:120px">{{trans('admin::order.date.created_at')}}</th>
                                        <th style="width:150px" class="text-center">{{trans('admin::order.item.label')}}</th>
                                        <th>{{trans('admin::order.product.label')}}</th>                                                                                                                   
                                        <th style="width:120px" class="text-center">{{trans('admin::order.quantity.label')}}</th>
                                        <th style="width:120px" class="text-center">Thành tiền</th>
                                        <th style="width:120px" class="text-center">Giảm giá</th>
                                        <th style="width:120px" class="text-center">Tổng tiền</th>
                                        <th style="width:150px" class="text-center">Trạng thái</th>
                                        <th style="width:150px" class="text-center">Thời gian response</th>
                                        <th style="width:200px" class="text-center">CS</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(count($items) > 0)
                                        @foreach($items as $k=>$item)
                                            @php
                                                $qnty = 0;
                                                $totalAmount = 0;
                                                $prods = $products[$item->id] ?? [];
                                                $countProd = count($prods);    
                                                $rsTime = $responseTime[$item->id] ?? 0;                              
                                            @endphp
                                            <tr>
                                                <td>{{ (($currentPage - 1) * $limitPage + $k + 1) }}</td>
                                                <td class="text-center">{{Common::date($item->created_at)}}</td>
                                                <td class="text-center">ORDER{{$item->id}}</td>
                                                <td>
                                                    @if(!empty($item->promotion_name ?? ''))
                                                        <p>
                                                            {{trans('admin::order.promotion.label')}}: <strong class="text-uppercase">{{$item->promotion_name}}</strong>
                                                        </p>
                                                    @endif
                                                    @if($countProd > 0)
                                                        <p>
                                                            @foreach($prods as $j=>$prod)
                                                                @php
                                                                    $qnty += $prod->quanlity ?? 0;
                                                                    $totalPrice = ($prod->quanlity ?? 0) * ($prod->price ?? 0);
                                                                    $totalAmount += $totalPrice;
                                                                @endphp
                                                                @if($j > 0)<br/>@endif
                                                                <strong>{{$prod->quanlity}}</strong> x {{$prod->title}} = {{Common::numberFormat($totalPrice)}}
                                                            @endforeach
                                                        </p>
                                                    @endif
                                                </td>                                                
                                                <td class="text-center">{{Common::numberFormat($qnty)}}</td>
                                                <td class="text-center">{{Common::numberFormat($totalPrice ?? 0)}}</td>
                                                <td class="text-center">{{Common::numberFormat($item->discount ?? 0)}}</td>
                                                <td class="text-center">{{Common::numberFormat((($item->totalprice ?? 0) > 0) ? $item->totalprice : ($totalAmount - $item->discount ?? 0))}}</td>
                                                <td class="text-center">
                                                    @php 
                                                        $orderColor = config('status.order_color.' . $item->status);
                                                        $orderStatus = config('status.order.' . $item->status);                                    
                                                    @endphp
                                                    <span class="badge-item badge-status {{$orderColor}}">{{trans('admin::message.status.' . $orderStatus)}}</span>
                                                </td>
                                                <td class="text-center">
                                                    {{ gmdate('H:i:s', $rsTime ?? 0) }}    
                                                </td>
                                                <td>{{$item->cs_name ?? ''}}</td>
                                            </tr>                                            
                                        @endforeach
                                    @else
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        @include('admin.components.elements.paging')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="dialog-delete" style="display: none">
        <div class="modal-content">
            <div class="modal-header card-title-2">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body card-title-2">
                <h4 class="modal-title">Bạn có muốn xóa ?</h4>
            </div>
            <div class="modal-footer card-title-2">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <a id="delete-link" class="btn btn-primary">Thực hiện</a>
            </div>
        </div>
    </div>
@endsection
@section('style')
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
@endsection
@section('script')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>    
    <script>
        $(document).ready(function () {
            "use strict";
            $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});            
        })
        function exportData(){
            $('form[name=orderForm] input[name=export]').val(1);
            $('form[name=orderForm]')[0].submit();
            return false;
        }
    </script>
@endsection