@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="box">
                    <div class="box-body p-20">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h4 class="is-uppercase">{{ __("Mã đơn hàng") }}: <strong>{{ $item->code }}</strong></h4>
                                </div>
                                <style data-scope="local">
                                    .status-label {
                                        font-size: 18px;
                                    }
                                </style>
                                <div class="col-sm-6 text-right">
                                    <span class="status-label is-uppercase label label-{{$item->status == 'done' ? 'success' : 'default'}}">{{ $item->status }}</span>
                                </div>
                            </div>
                        </div>

                        <h4 class="is-uppercase m-t-20">{{ __("Thông tin khách hàng") }}</h4>
                        @if($customer = $item->customer)
                            <div>
                                <div class="bold">{{ $customer->fullname }} <span class="label label-default bold m-l-10">{{ $customer->type_label }}</span></div>
                                <div>{{ $customer->phone }}</div>
                                <div>{{ $customer->address }}</div>
                            </div>
                        @else
                            <div class="has-text-grey-light">{{ __('Chưa có cập nhật thông tin khách hàng') }}</div>
                        @endif
                        <h4 class="is-uppercase m-t-20">{{ __("Thông tin đơn hàng") }}</h4>
                        <div class="form-group">
                            <div>
                                <label>{{ __("Ghi chú") }}</label>
                                <textarea rows="2" class="form-control rounded" tabindex="-1" readonly >{{ $item->notes }}</textarea>
                            </div>
                            <label class="m-t-10">{{ __("Danh sách sản phẩm") }}</label>
                            <style data-scope="local">
                                .product-table td {
                                    border-top: 1px solid #ddd !important;
                                }
                                .product-table {
                                    border-bottom: 1px solid #ddd !important;
                                }
                            </style>
                            <table class="table product-table">
                                <tbody>
                                @foreach($item->products as $prod)
                                    @php
                                        $unitLabel = $prod->pivot->unit_id ? (\App\Models\Unit::find($prod->pivot->unit_id)->name ?? '') : $prod->unit;
                                    @endphp
                                    <tr>
                                        <td>
                                            <div class="flex">
                                                <img class="product-img object-cover" src="{{ asset($prod->pictures ?: 'images/noimage.png') }}" />
                                                <div class="m-l-5">
                                                    <span>{{$prod->name}}@if($unitLabel) ({{ $unitLabel }})@endif</span><br />
                                                    <span class="has-text-grey">x {{$prod->pivot->qty}}</span>
                                                </div>
                                                <div class="flex-grow text-right">{{number_format($prod->pivot->price * $prod->pivot->qty, 1)}} ₫</div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class="text-right">
                                <table class="table">
                                    <colgroup>
                                        <col span="1">
                                        <col span="1" style="width: 250px">
                                    </colgroup>
                                    <tbody class="h4">
                                        <tr class="">
                                            <td>{{ __('Số sản phẩm') }}</td>
                                            <td class="border-left">{{ $item->count }}</td>
                                        </tr>
                                        <tr class="bold h4">
                                            <td>{{ __('Tổng tiền hàng') }}</td>
                                            <td class="border-left">{{ number_format($item->subtotal) }} ₫</td>
                                        </tr>
                                        <tr class="h4">
                                            <td>{{ __('Tiền giảm') }}</td>
                                            <td class="border-left">{{ number_format($item->discount_amount) }} ₫</td>
                                        </tr>
                                        <tr class="bold h3">
                                            <td>{{ __('Thành tiền') }}</td>
                                            <td class="border-left">{{ number_format($item->total) }} ₫</td>
                                        </tr>
                                        @if($item->debt_amount > 0)
                                            <tr class="h4">
                                                <td>{{ __('Tiền nợ') }}</td>
                                                <td class="border-left text-danger">
                                                    {{ number_format($item->debt_amount) }} ₫
                                                    <div style="font-size: 11px; font-weight: normal; color: #999; margin-top: 2px;">
                                                        @if($item->debt_locked)
                                                            {{ __('Đã cộng vào công nợ') }}
                                                        @else
                                                            {{ __('Chưa cộng — đơn còn nháp') }}
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="space-between flex m-t-20 items-end">
                                <div class="footer-left">
                                    <div class="text-blue btn-lg">{{ __('* Bạn chỉ có thể chỉnh sửa đơn hàng [done] trong vòng 24h') }}</div>
                                    <a data-url="{{ route('orders.destroy',[$item->id]) }}" data-redirect="{{ route('orders.index') }}" data-debt-amount="{{ $item->debt_locked ? $item->debt_amount : 0 }}" data-points="{{ $item->points_awarded_at ? $item->earned_point : 0 }}" class="btn-lg grid-row-delete cursor-pointer text-red">{{ __('Xóa') }}</a>
                                </div>
                                <div>
                                    <a class="btn btn-default btn-lg" href="{{ url('orders/'.$item->id.'/print?ref=orders') }}"> <i class="fa fa-print"></i> </a>
                                    @if($item->is_editable)
                                        <a class="btn btn-lg btn-primary m-l-20 uppercase" href="{{ url('pos?id=' . $item->id) }}"><i
                                                class="fa fa-pencil"></i> {{ __('Chỉnh sửa') }}</a>
                                    @endif
                                    @if($item->status == 'draft')
                                        <a class="btn btn-lg btn-warning m-l-20 uppercase" type="submit" id="createOrderBtn"><i
                                                class="fa fa-plus"></i> {{ __('Tạo đơn') }}</a>
                                    @endif
                                    {{ Form::open(array('route' => ['orders.update', $item->id], 'method' => 'POST', 'pjax-container'=>'', 'id' => 'createOrderForm' )) }}
                                        <input name="_method" type="hidden" value="PUT">
                                        <input name="status" value="done" type="hidden"/>
                                        <input name="create_now_mode" value="true" type="hidden"/>
                                    {{ Form::close() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <style lang="scss">
        .footer-left .btn-lg {
            padding-left: 0;
        }
    </style>
    <script>
        $(function () {
            $('#createOrderBtn').on('click', function (e){
                document.getElementById("createOrderForm").submit()
            })

            $('.grid-row-delete').on('click', function (e){
                var id = $(this).data('url');
                var redirectUrl = $(this).data('redirect');
                var debtAmount = parseFloat($(this).data('debt-amount')) || 0;
                var points = parseFloat($(this).data('points')) || 0;
                var warnings = [];
                if (debtAmount > 0) warnings.push(numeral(debtAmount).format('0,0.0') + " ₫ nợ liên kết");
                if (points > 0) warnings.push(numeral(points).format('0,0.0') + " điểm thưởng đã cộng");
                var confirmTitle = warnings.length
                    ? "Xoá đơn sẽ huỷ luôn " + warnings.join(" và ") + ". Bạn có chắc muốn xóa?"
                    : "Bạn có chắc muốn xóa ?";
                swal({
                        title: confirmTitle,
                        html: true,
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "Confirm",
                        closeOnConfirm: false,
                        cancelButtonText: "Cancel"
                    },
                    function(){
                        $.ajax({
                            method: 'post',
                            url: id,
                            data: {
                                _method:'delete',
                                _token: "{{ csrf_token() }}",
                            },
                            success: function (data) {
                                if (typeof data === 'object') {
                                    if (data.status) {
                                        window.location.replace(redirectUrl)
                                    } else {
                                        swal(data.message, '', 'error');
                                    }
                                }
                            }
                        });
                    });
            })
        })
    </script>
@endsection

@php
@endphp