@extends('front.layouts.main')

@section('content')

<section class="pt-40">
    <div class="container">
        <h2 class="mt-0 mb-10">ORDER DETAILS</h2>
        <div class="d-flex flex-wrap">
            <div class="col s6">
                <div class="mb-20">
                    <img src="{{ $data['orderItemDetail']['image'] }}" alt="{{ $data['orderItemDetail']['productName'] }}" />
                </div>
            </div>
            <div class="col s6">
                <h2 class="product-title-m">{{ $data['orderItemDetail']['productName'] }}</h2>
                <p class="p-short-des mb-20">{{ $data['orderItemDetail']['description'] }}</p>
                <div class="product-code-m mb-40">{{config('constants.CURRENCY_SYMBOL')." ".number_format($data['orderItemDetail']['price'])}}</div>
                <div>
                    <div class="mb-30">
                        @if(array_key_exists('topextraItems',$data))
                        @foreach($data['topextraItems'] as $extraItems)
                        
                            <div class="form-row mb-15 type{{$extraItems['labelOption']}}">
                                <label>{{strtoupper($extraItems['labelNames'])}}</label>
                                <div class="select-box text-green">
                                    <select name="extraItems[]" class="form-input" disabled="true">
                                        <option value="0">
                                            Choose any one
                                        </option>
                                        @foreach($extraItems['labelOptions'] as $extraSub)
                                        <option value="{{ $extraSub['labelOptionId'] }}" selected="true">
                                            {{ strtoupper($extraSub['optionName']) }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            @if($extraSub['price'] >0)
                                            {{number_format($extraSub['price'])}}
                                            @endif
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                        
                        @endforeach
                        @endif
                    </div>
                    @if(array_key_exists('customizeTopLabelOptions',$data) && array_key_exists('verticalCustomizeOptionsWithPrice',$data))
                    @if(count($data['customizeTopLabelOptions']) > 0 && count($data['verticalCustomizeOptionsWithPrice']) > 0)
                    <div class="mb-20">
                        <h4 class="text-uppercase mb-10">Customize</h4>
                        <div class="table-responsive">
                            <table class="table table-product-cart">
                                <thead>
                                    <tr>
                                        @foreach($data['customizeTopLabelOptions'] as $label)
                                        <th>{{$label['labelNames']}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                @foreach($data['verticalCustomizeOptionsWithPrice'] as $key => $options)
                                <tbody class="fs-18">
                                    <tr>
                                        <td>{{$options['labelNames']}}</td>
                                        @isset($options['selectedOption'])
                                        @foreach($options['selectedOption'] as $optionscheckbox)
                                        <td>
                                            <label class="checkbox-inner mb-0 pl-20">
                                                <input name="customizeItems[]" value="{{$options['custlabelOptionId'].'-'.$optionscheckbox['labelNames']}}" type="checkbox" checked="true" disabled="true">
                                                &nbsp;
                                                <span></span>
                                            </label>
                                        </td>
                                        @endforeach
                                        @endisset
                                    </tr>
                                </tbody>
                                @endforeach
                            </table>
                        </div>
                    </div>
                    @endif
                    @endif
                    <div class="mb-30">
                        @if(array_key_exists('additionalItems',$data))
                        @if(count($data['additionalItems']) > 0)
                        <h4 class="text-uppercase mb-10">Additional Items</h4>
                        <div class="table-responsive mb-20">
                            <table class="table table-additional-items">
                                <tbody class="fs-18">
                                    @foreach($data['additionalItems'] as $additionalItems)
                                    <tr>
                                        <td>
                                            <label class="checkbox-inner mb-0 pl-20">
                                                <input name="additionalItems[]" value="{{$additionalItems['additionalProductId']}}" type="checkbox" checked="true" disabled="disabled">
                                                &nbsp;
                                                <span></span>
                                            </label>
                                        </td>
                                        <td>{{strtoupper($additionalItems['itemName'])}}</td>
                                        <td>+{{number_format($additionalItems['price'])}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('js')