@extends('admin::index')

@section('content')
    <section class="content-header">
        <h1>
            {{ $header or trans('admin.title') }}
            <small>{{ $description or trans('admin.description') }}</small>
        </h1>

        <!-- breadcrumb start -->
    @include('partials.breadcrumb')
    <!-- breadcrumb end -->

    </section>

    <section class="content">

        @include('partials.error')
        @include('admin::partials.exception')
        @include('admin::partials.toastr')

        {{-- MAIN CONTENT --}}

        <div class="row">
            <div class="col-md-12">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li><a href="{{ route('customers.edit',[$item->id]) }}">{{ __('Thông tin cơ bản') }}</a></li>
                        <li><a href="{{ route('customers.statis',[$item->id]) }}">{{ __('Thống kê nhanh') }}</a></li>
                        <li class="active"><a href="#customerOrders" data-toggle="tab">{{ __('Đơn hàng đã mua') }}</a></li>
                        <li><a href="{{ route('customers.debt',[$item->id]) }}">{{ __('Công nợ') }}</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="customerOrders" style="min-height: 20vh">
                            <div class="filter-box">
                                <form class="form-inline" method="GET">
                                    <div class="form-group">
                                        {{ \Form::select('category', $categories, request('category'), ['class'=>'form-control', 'style'=>'min-width:200px', 'onchange'=>'this.form.submit()']) }}
                                    </div>
                                </form>
                            </div>
                            <table class="table table-bordered with-bg">
                                <tr>
                                    <th class="shirk vcenter" rowspan="2" valign="middle">{{__('Ngày mua')}}</th>
                                    <th class="shirk vcenter" rowspan="2">{{__('Mã đơn')}}</th>
                                    <th class="vcenter" rowspan="2">{{__('Tên sản phẩm')}}</th>
                                    <th class="shirk vcenter">{{__('Số lượng')}}</th>
                                    <th class="shirk vcenter">{{__('Khối lượng')}}</th>
                                    <th class="shirk vcenter" rowspan="2">{{__('Tổng tiền')}}</th>
                                    <th class="vcenter" rowspan="2">{{__('Ghi chú')}}</th>
                                </tr>

                                <tbody>
                                @php
                                    $qtyCounter = 0;
                                    $total = 0;
                                    $weightCounter = [];
                                @endphp
                                @forelse($orders as $order)
                                    @php
                                        $rowspan = $order->products()->count();
                                    @endphp

                                    @foreach($order->products as $k => $prod)
                                        @php
                                            $unitLabel = $prod->pivot->unit_id ? (\App\Models\Unit::find($prod->pivot->unit_id)->name ?? '') : $prod->unit;
                                        @endphp
                                        <tr data-id="{{$order->id}}">
                                            @if(0 == $k)
                                                <td class="text-nowrap" rowspan="{{ $rowspan }}">{{ $order->created_at->format('d-m-Y H:i') }}</td>
                                                <td rowspan="{{ $rowspan }}">{{ $order->id }}</td>
                                            @endif

                                                <td>{{ $prod->name }}@if($unitLabel) ({{ $unitLabel }})@endif</td>
                                                <td class="text-right"> {{ $prod->pivot->qty }}</td>
                                                <td class="text-right nowrap"> {{ $prod->attr_weight }}</td>


                                            @if(0 == $k)
                                                    <td class="text-right text-danger nowrap" rowspan="{{ $rowspan }}">{{ number_format($order->total,1) }} ₫</td>
                                                    <td rowspan="{{ $rowspan }}" class="addNotes" data-notes="{{ $order->notes }}">{{ $order->notes }}</td>
                                                @endif

                                        </tr>
                                    @endforeach
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">Không có dữ liệu</td>
                                    </tr>
                                @endforelse
                                </tbody>

{{--                                <tfoot class="h3 bold">--}}
{{--                                <tr>--}}
{{--                                    <td colspan="3" class="text-center">{{ __('Tổng') }}</td>--}}
{{--                                    <td class="text-right nowrap">{{ $qtyCounter or 0 }}</td>--}}
{{--                                    <td></td>--}}
{{--                                    <td class="text-right text-danger nowrap">{{ number_format($total,1) }} ₫</td>--}}
{{--                                    <td></td>--}}

{{--                                </tr>--}}
{{--                                </tfoot>--}}
                            </table>
                            @if(has_paging($orders))
                                <div>
                                    {!!  $orders->appends(request()->query())->links() !!}
                                </div>
                            @endif

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

        </div>

    </section>
    <div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="addNotesModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {{ Form::open(array('route' => ['orders.update_note','#id#'], 'method' => 'PUT', 'class'=>'form-horizontal' )) }}
                <div class="modal-header">
                    <h4 class="modal-title bold">{{ __('Chỉnh sửa ghi chú') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('Ghi chú') }}</label>
                        <div class="col-sm-8">
                            <textarea name="notes" class="form-control" rows="3"></textarea>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default " data-dismiss="modal" tabindex="-1">{{ __('Huỷ bỏ') }}</button>
                    <button type="submit" class="btn btn-warning p-l-30 p-r-30"><i class="fa fa-save "></i> {{ __('Cập nhật') }}</button>
                </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <style>
        .addNotes {
            cursor: pointer;
        }
        .addNotes:hover {
            text-decoration: underline;
        }
        .filter-box {
            padding: 10px;
            text-align: right;
        }
    </style>

    <script>


        $(function () {
            $('.addNotes').on('dblclick', function (e) {
                var curId = $(this).closest('tr').data('id'),
                    form = $('#addNotesModal').find('form'),
                    _url = form.attr('action'),
                    content = $(this).data('notes');

                var __x = '#id#';
                form.data('olddd') &&  (__x = form.data('olddd'))
                form.attr('action',_url.replace(__x,curId)).data('olddd',curId)

                form.find('textarea[name="notes"]').text(content)
                $('#addNotesModal').modal('show')
            })
        });

    </script>
@endsection