@extends('layouts.customer')

@section('content')
    <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h1>Refund</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                            <li class="breadcrumb-item">
                                <a href="{{url('/')}}/dashboard">Dashboard</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('order.refund.index') }}">Refunds</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Refund</li>
                        </ol>
                    </nav>
                    <div class="separator mb-5"></div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <h5>Refund</h5>
                                <div class="top-right-button-container">
                                    @if($refund->refund_status)
                                        <button type="button" class="btn btn-primary btn-xs top-right-button mr-1">{{ strtoupper(str_replace('_',' ',$refund->refund_status) ?? '') }}</button>
                                    @endif
                                    <button type="button" class="btn btn-primary btn-xs top-right-button mr-1">{{ strtoupper($refund->order->order_from ?? 'pos') }}</button>
                                    @if( $refund->order && $refund->order->delivery_type )     
                                        <button type="button" class="btn btn-primary btn-xs top-right-button mr-1">{{ strtoupper($refund->order->delivery_type ?? '') }}</button>
                                    @endif
                                </div>
                            </div>

                            <form>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="order_number"><strong>Refund No</strong></label>
                                        <p>##{{ $refund->id ?: '' }}</p>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="user_name"><strong>Customer Name</strong></label>
                                        <p>{{ $refund->customer ? $refund->customer->getName() : 'Guest' }}</p>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="order_date"><strong>Refund Date</strong></label>
                                        <p>{{ date('F j, Y', strtotime($refund->created_at)) ?: '' }}</p>
                                    </div>
                                     
                                    <div class="form-group col-md-6">
                                        <label for="last_name"><strong>Refund Status</strong></label><br/>
                                        <p class="badge badge-pill badge-secondary">{{ $refund->refund_status }}</p>
                                    </div>
                                </div>
                            </form>

                            <!-- order items body -->
                           
                              {{-- <div class="row mt-5">
                                  <div class="col-4">
                                        <h6>Payment Method</h6>
                                        <p>{{$refund->payment_method ? $refund->payment_method : 'N/A' }}</p>
                                  </div>
                                  <div class="col-4">
                                     <h6>Card</h6>
                                         XXXX XXXX XXXX {{$refund->card_last_four}}
                                  </div>
                                @if(isset($refund->payment->status))   
                                  <div class="col-4">
                                    <h6>Payment Status</h6>
                                      {{$refund->payment->status}}
                                  </div>
                                @endif
                              </div> --}}

                              {{-- @if( $refund->egift_card )
                              <div class="row mt-5">
                                    <div class="col-4">
                                        <h6>Gift Card</h6>
                                        <p>
                                            ##{{ $refund->egift_card->id }}
                                            <a href="{{ route('giftcards.show',['account'=>$account,'giftcard'=>$refund->egift_card->id]) }}">
                                                View Card
                                            </a>
                                        </p>
                                    </div>
                                    @if(isset( $refund->egift_card->amount ))   
                                    <div class="col-4">
                                        <h6>Amount</h6>
                                        {{ $refund->egift_card->amount }}
                                    </div>
                                    @endif
                              </div>
                              @endif --}}

                            @if( $refund->order->order_items )
                                <h5 class="card-title mt-5">Order Items</h5>

                                <style>
                                    .middle-align td {
                                        vertical-align: middle !important;
                                    }
                                </style>
                                <table class="table table-hover middle-align">
                                    <thead>
                                        <tr>
                                            <th scope="col">Image</th>
                                            <th scope="col">Name</th>
                                            <th scope="col">Category Name</th>
                                            <th scope="col">Price</th>
                                            <th scope="col">Quantity</th>
                                           
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach( $refund->order->order_items as $item )
                                            @if( $item->item_type == 'menu' )
                                                <tr>
                                                    <td class="w-10">
                                                        <img src="{{ $item->menu_items->item_image ?: 'https://eaterli.s3.us-east-2.amazonaws.com/images/u7DzVRW2264VyjDHJgXnCYXLGT1wJgxhSmUC0kMX.jpg' }}" alt="{{ $item->menu_items->item_name }}" class="w-100 responsive border-0">
                                                    </td>
                                                    <td>
                                                        {{ $item->menu_items->item_name ?? '' }}
                                                    </td>
                                                    <td>
                                                        {{ $item->menu_items->menu_category->category_name ?? '' }}
                                                    </td>
                                                    <td>
                                                        ${{ $item->menu_items->item_price ?? '' }}
                                                    </td>
                                                    <td>
                                                        {{ $item->quantity ?? '' }}
                                                    </td>
                                                    
                                                </tr>
                                            @endif

                                            @if( $item->item_type == 'giftcard' )
                                                <tr>
                                                    <td class="w-10">
                                                        <img src="{{ 'https://eaterli.s3.us-east-2.amazonaws.com/images/u7DzVRW2264VyjDHJgXnCYXLGT1wJgxhSmUC0kMX.jpg' }}" alt="{{ $item->item_name }}" class="w-100 responsive border-0">
                                                    </td>
                                                    <td>
                                                        {{ $item->item_name ?? '' }}
                                                        <p>
                                                            <a href="{{ route('giftcards.show',['account'=>$account,'giftcard'=>$item->egift_card->id]) }}">
                                                                View Card
                                                            </a>
                                                        </p>
                                                    </td>
                                                    <td>-</td>
                                                    <td>
                                                        ${{ $item->price ?? '' }}
                                                    </td>
                                                    <td>
                                                        {{ $item->quantity ?? '' }}
                                                    </td>
                                                    
                                                </tr>
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            @endif
                            
                        </div>
                    </div>
                </div>
            </div>

        </div>
@endsection

@section('script')
    <script></script>
@endsection