@extends('front.layouts.main')

@section('content')

<section class="pt-40">
  <div class="container">
    <div class="d-flex flex-wrap">
      <div class="col s6">
        <div class="mb-20">
          <a class="custom-breadcrumb-item" href="{{ url('user/cart') }}">
            <-Go Back to Cart</a> </div> <div class="product-thumbnail mb-20">
              <img src="{{$data['orderItemDetail']['image']}}" alt="{{$data['orderItemDetail']['productName']}}" />
        </div>
      </div>
      <div class="col s6 mt-30">
        <h2 class="product-title-m">{{strtoupper($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>
        @if(isset($data['comboName']) && $data['comboName']!='' )
        <div>
          <label>{{strtoupper($data['comboName'])}}
          </label>
          <label style="float:right">{{number_format($data['comboPrice'])}}</label>
        </div>
        @endif
        <div>
          <div class="mb-30">
                      </div>
          @if(isset ($data['customizeTopLabelOptions']) && 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>{{strtoupper($label['labelNames'])}}</th>
                    @endforeach
                  </tr>
                </thead>
                @foreach($data['verticalCustomizeOptionsWithPrice'] as $key => $options)
                <tbody class="fs-18">
                  <tr>
                    <td>{{strtoupper($options['labelNames'])}}</td>
                    @foreach($options['selectedOption'] as $optionscheckbox)
                    <td>
                      <label class="checkbox-inner mb-0 pl-20">
                        <input disabled name="customizeItems[]" {{ $optionscheckbox['isSelected'] ? 'checked' : '' }} type="checkbox">
                        &nbsp;
                        <span></span>
                      </label>
                    </td>
                    @endforeach
                  </tr>
                </tbody>
                @endforeach
              </table>
            </div>
          </div>
          @endif

          <div class="mb-30">
            @if(isset($data['additionalItems']) &&  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[]" disabled checked type="checkbox">
                        &nbsp;
                        <span></span>
                      </label>
                    </td>
                    <td>{{strtoupper($additionalItems['itemName'])}}</td>
                    <td>+{{number_format($additionalItems['price'])}}</td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            @endif
          </div>

        </div>
      </div>
    </div>
  </div>
</section>


@endsection
@section('js')

@endsection