@extends('layouts.admin')
@section('content')
    @php
        $giftCardJson = json_decode($result->gift_card_json) ?? null;
        $balance = $balance['remaining_amount'] > 0 ? $balance['remaining_amount'] : $balance['purchase_amount'];
        $showReceiptBtn = in_array($result->order_from,['pos','pos_ios','employee-pos']) && in_array($result->payment_status, [1,2]);
        $canRefund = in_array($result->payment_status, [1]) && $result->order_from != 'admin' && !empty($result->payment_method);
    @endphp
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{!! __('orders.view_order') !!}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        @php
                            $routeDashboard = route('gift-card-orders.index');
                        @endphp
                        <li class="breadcrumb-item"><a href="{!! $routeDashboard !!}">{!! __('gift_card.gift_order') !!}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{!! __('orders.view_order') !!}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        @include('layouts.partials.messages')
        <div class="row">
            <div class="col-12">
                <div class="round-white-bg box-shadow">
                    <div class="row mt-3">
                        <div class="col-md-12">
                            <div class="tab-material-menu-col">
                                <div class="tab-content">
                                    <div class="tab-pane containerc pl-5 pr-5 active" id="detail">
                                        <ul class="list-inline order-menu-list mt-4 pr-0 text-right download-btns">
                                            @if($balance > 0)
                                            <li class="list-inline-item">
                                                <a href="javascript:void(0)" data-route="{!! route('gift-card-orders.resend-email') !!}"
                                                   data-first-class="fa-paper-plane" data-i-class="__sent_email_success"
                                                   data-gift_card_id="{!! $result->id ?? 0 !!}"  id="resend-email" style="padding: 10px 14px;">
                                                    <span><i class="fa fa-paper-plane __sent_email_success"></i></span> <!-- fa-check-circle -->
                                                    {{ __('gift_card.resend_email')}}
                                                </a>
                                            </li>
                                            @endif
                                            @if($showReceiptBtn)
                                            <li class="list-inline-item">
                                                <a  style="padding: 10px 14px;" href="{!! route('gift-card-orders.invoice', [$result->id,true]) !!}" title="{!! __('common.download_receipt') !!}">
                                                    <span><i class="fa fa-download" aria-hidden="true"></i></span> {!! __('common.receipt')  !!}
                                                </a>
                                            </li>
                                            @endif
                                            @if($canRefund)
                                                <li class="list-inline-item" style="{!! $result->payment_status == 2 ? 'pointer-events: none;' : '' !!}">
                                                    <a  href="javascript:void(0)" style="padding: 10px 14px;" data-route="{!! route('gift-card-orders.refund', [$result->id]) !!}"
                                                        data-first-class="fa-clock" data-i-class="__refund_gift_card"
                                                        id="gift-card-refund"  data-gift_card_id="{!! $result->id ?? 0 !!}" data-refund="true" title="{!! __('orders.refund') !!}">
                                                        <span><i class="fa fa-clock __refund_gift_card" aria-hidden="true"></i></span> {!! $result->payment_status == 2 ? __('orders.refunded') : __('orders.refund')  !!}
                                                    </a>
                                                </li>
                                            @endif
                                        </ul>

                                        <div class="row mt-3">
                                            <div class="col-xs-12 col-sm-6" style="margin-top: 15px;">
                                                <div>
                                                    <p>
                                                        <span class="font-medium">{!! __('orders.order_date') !!} :</span>
                                                        {!! date(DISPLAY_DATETIME3, strtotime($result->created_at)) !!}
                                                    </p>
                                                    @if($result->start_date)
                                                    <p>
                                                        <span class="font-medium">{!! __('gift_card.start_date') !!} :</span>
                                                        {!! date(SHOW_DATE2, strtotime($result->start_date)) !!}
                                                    </p>
                                                    @endif
                                                    <p>
                                                        <span class="font-medium">{!! __('gift_card.end_date') !!} :</span>
                                                        {!! date(SHOW_DATE2, strtotime($result->expiry_date)) !!}
                                                    </p>
                                                    <p>
                                                        <span class="font-medium"> {!! __('orders.payment_method') !!} :</span>
                                                        {!! $result->payment_method == 'free' ? 'Free' : paymentMethodService($result->payment_method) !!}
                                                    </p>
                                                    <p>
                                                        <span class="font-medium">  {!! __('orders.order_from') !!} :  </span>
                                                        {!! $result->order_from == 'admin' ? 'Admin' : orderFrom($result->order_from) !!}
                                                    </p>
                                                    <p>
                                                        <span class="font-medium">{!! __('orders.payment_status') !!} : </span>
                                                        <span class="badge {!! paymentStatusClass($result->payment_status) !!}">{!! paymentStatus($result->payment_status) !!}</span>
                                                    </p>
                                                    <p>
                                                        <span class="font-medium">  {!! __('gift_card.order_redeem_code') !!} :  </span>
                                                       <strong class="font-18">{!! $result->gift_card_code ?? '' !!}</strong>
                                                    </p>
                                                    <p>
                                                        <span class="font-medium">  {!! __('gift_card.remaining_balance') !!} :  </span>
                                                        <strong class="badge badge-{!! ($balance > 0) ? 'success' : 'danger'  !!}-bootstrap font14">{!! currency().' '.$balance !!}</strong>
                                                    </p>
                                                </div>

                                                <div class="mb-4">
                                                    <p class="font-medium">{!! __('orders.to') !!}</p>
                                                    @if ($result->user_id > 0)
                                                        <p>
                                                            <span class="font-medium">{!! __('orders.email') !!}:</span>
                                                            {!! $result->email ?? '' !!}
                                                        </p>
                                                        <p>
                                                            <span class="font-medium">{!! __('orders.phone') !!}:</span>
                                                            {!! $result->phone ?? '' !!}
                                                        </p>
                                                    @else
                                                        <p>
                                                            <span class="font-medium">{!! __('orders.email') !!}:</span>
                                                            {!! $giftCardJson->to ?? '' !!}
                                                        </p>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <table class="table table-borderless " style="margin-top: 0px !important;">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th width="50%">{{ __('orders.items') }}</th>
                                                            <th>{{ __('orders.qty') }}</th>
                                                            <th class="text-right">{{ __('orders.total_price') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td></td>
                                                        <td>{!! __('gift_card.gift_card') !!}</td>
                                                        <td class="text-center">{!! $result->quantity.' x '.$result->purchase_amount !!}</td>
                                                        <td class="text-right">{!! numberFormat($result->quantity*$result->purchase_amount) !!}</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4" class="p-0">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4" class="p-0" style="border-bottom: solid 1px #C3C3C3 !important;">&nbsp;</td>
                                                    </tr>
                                                    {{--<tr class="font-16">
                                                        <td class="pb-0"></td>
                                                        <td class="font-medium pb-0 text-right" colspan="2">
                                                            {!! __('orders.subtotal') !!}:</td>
                                                        <td class="font-medium pb-0 text-right">{!! numberFormat($result->sub_total) !!}</td>
                                                    </tr>
                                                    <tr class="font-16">
                                                        <td class="pb-0"></td>
                                                        <td class="font-medium pb-0 text-right" colspan="2">
                                                            {!! __('orders.tax_vat') !!}:</td>
                                                        <td class="font-medium pb-0 text-right">{!! numberFormat($result->total_tax) !!}</td>
                                                    </tr>--}}
                                                    <tr class="font-18">
                                                        <td class="pb-0"></td>
                                                        <td class="font-semi-bold pb-0 text-right" colspan="2">
                                                            {!! __('orders.total') !!}:</td>
                                                        <td class="font-semi-bold pb-0 text-right">
                                                            {{ numberFormat($result->quantity*$result->purchase_amount)}}
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="row mb-4">
                                            <div class="gift-card-history col-md-8 pl-0">
                                                <table class="w-100 custom-datatable font13 mt-3">
                                                    <thead>
                                                    <tr>
                                                        <th colspan="12" >
                                                            <h5>{!! __('gift_card.card_history') !!}</h5>
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th class="font-medium font13 col-4" >{{ __('gift_card.date') }}</th>
                                                        <th class="font-medium font13 text-center col-4">{{ __('gift_card.order_id') }}</th>
                                                        <th class="font-medium font13 text-right col-4">{{ __('gift_card.card_amount') }}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody class="text-muted font-medium " id="order-history">
                                                        @if(is_object($giftCardHistory) && count($giftCardHistory) > 0)
                                                            @foreach($giftCardHistory as $k => $detail)
                                                                @php
                                                                    $balance = ( ($detail->order_id > 0) ? ($detail->actual_amount - $detail->remaining_amount) :  $detail->remaining_amount);
                                                                    $order = $detail->order_id ? orderNumber($detail->order_from, $detail->order_number, $detail->order_prefix) : false;
                                                                @endphp
                                                                <tr>
                                                                    <td>{!! dateFormat($detail->created_at,DISPLAY_DATETIME2) !!}</td>
                                                                    <td class="text-center">{!!$detail->order_id ? "<a href='".route('orders.detail',[$detail->order_id])."'>#$order</a>" : 'N/A' !!}</td>
                                                                    <td class="text-right">{!! ($detail->order_id > 0) ? "<span class='text-danger' > ".numberFormat($balance)."</span>" : "<span class='text-success' >".numberFormat($balance)."</span>" !!}</td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <td colspan="3" style="text-align: center;"> {!! __('common.no_records') !!}</td>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>

        $("#resend-email, #gift-card-refund").on('click',function () {
            let giftCardId = $(this).data('gift_card_id');
            let giftCardRefund = $(this).data('refund') == true;
            let route = $(this).data('route');
            let firstClass = $(this).data('first-class') || '';
            let iClass = $(this).data('i-class') || '';

            $.ajax({
                url :route,
                method : 'post',
                data : {gift_card_id : giftCardId,_token : "{!! csrf_token() !!}"},
                beforeSend: function () {
                    $(`.${iClass}`).removeClass(firstClass).addClass('fa fa-spinner fa-spin');
                },
                success :function(result){
                    let response = JSON.parse(result);
                    if (response.success == false){
                        alert(response.message);
                    }
                    else {
                        alert(response.message);
                        $(`.${iClass}`).removeClass(`${firstClass}, fa fa-spinner fa-spin`)
                                                    .addClass('fa-check-circle');
                    }
                    setTimeout(function(){
                        $(`.${iClass}`).removeClass('fa-check-circle, fa fa-spinner fa-spin')
                                                .addClass(`${firstClass}`);
                        location.reload();
                    },2000);
                }
            });
        });

    </script>
@endsection