@extends('layouts.admin.admin')

@section('title', 'Ordered Pre Product')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h5 class="mb-0 font-size-18">Ordered Pre Product</h5>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                    <li class="breadcrumb-item ">Order Other Product</li>
                    <li class="breadcrumb-item active">Detail</li>
                </ol>
            </div>

        </div>
    </div>
</div>
@can('send-order-mail-to-graduate')
@if($order->order_status != \App\Constant\Constant::INCOMPLETE && !isArchived($order->archive))
<div class="card-body text-right">
    <a href="{{ route('order.invoice.send', $order->id) }}" class="btn btn-secondary btn-sm" alt="Send Order mail">
        <i class="fa fa-envelope"></i> Send Order Mail
    </a>
</div>
@endif
@endcan
    <section>
        <div class="section-body">
            <div class="row">   
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <table id="datatable" class="table table-bordered">
                                <tbody>
                                    @if (isArchived($order->archive))
                                        <tr class="bg-darkpurple">
                                            <td colspan="2" align="center">
                                                <span class="text-white">ARCHIVED</span>    
                                            </td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <th>Invoice Number</th>
                                        <td>
                                            <a href="{{ route('order.show',$order->id) }}">
                                                {{ $order->invoice_number }}
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Order Date</th>
                                        <td>{{ $order->order_date_formatted }}</td>
                                    </tr>
                                    <tr>
                                        <th>Student</th>
                                        <td>{{ $order->graduate->full_name }} - {{ $order->graduate->student_id }}</td>
                                    </tr>
                                    <tr>
                                        <th>Ceremony</th>
                                        <td>{{ $order->ceremony->detail }}</td>
                                    </tr>
                                    <tr>
                                        <th>Address</th>
                                        <td>
                                            {{ $order->address }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Pre Order Products Amount</th>
                                        <td>
                                            AUD ${{ numberFormat($order->pre_order_product_amount) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Postage Fee</th>
                                        <td>
                                            AUD ${{ numberFormat($order->postage_fee) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Order Status</th>
                                        <td>
                                            {!! orderStatus($order->order_status) !!}
                                        </td>
                                    </tr>
                                    
                                </tbody>
                                
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5>Ordered Pre-Order Product </h5>
                            @include('order.partials.pre-order', ['order' => $order])
                        </div>
                    </div>
                </div>
                @can('change-order')
                    @if(!isArchived($order->archive))
                        @if(count($products))
                        <div class="col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <h5>Add To Cart</h5>
                                    @foreach ($products as $product)    
                                    <div class="card">
                                        <div class="card-body">
                                            <form action="{{ route('order.pre-order.store', $order->id) }}" method="post">
                                                @csrf
                                                <input type="hidden" name="other_product_id" value="{{ $product->id }}" required>
                                                <div class="form-group mt-4 mb-4">
                                                    <h5>
                                                        <img src="{{ asset($product->image_url) }}" alt="" style="width: 60px">&nbsp;&nbsp;
                                                        {{ $product->product_name }}
                                                    </h5>
                                                </div>
                                                @if(isTrue($product->has_option))
                                                
                                                @foreach ($product->otherProductOptions as $key => $option)
                                                <p>
                                                    <input type="radio" value="{{ $option->id }}" name="other_product_option_id" {{ $key == 0 ? 'checked' : '' }}> {{ $option->name }} <br />
                                                </p>
                                                @endforeach
                                                @endif
                                                @if(!isTrue($product->is_free) && $product->quantity_limit > 1)
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="form-group mt-4 mb-4">
                                                            <label for="" class="">Quantity</label>
                                                            <select name="quantity" class="form-control" id="" required>
                                                                @for ($i = 1; $i <= $product->quantity_limit; $i++)
                                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                                @endfor
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <button type="submit" class="btn btn-success btn-sm" onclick="return confirm('Are You Sure Want To Add ???')"><i class="fa fa-shopping-cart mr-1"></i> Add</button>
                                            </form>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif
                @endcan
            </div>
        </div>
    </section>
@endsection