@extends($_layout.'single')
@section('title', $page_title)
@include($_lib.'register-meta')

@section('content')
<div class="ps-checkout ps-section--shopping">
    <div class="container">
        <div class="ps-section__header">
            <h1>{{$page_title}}</h1>
        </div>
        @if ($cart && $cart->details && count($cart->details))
            <div class="ps-section__content">
                @php
                    $form = $cart->getForm([
                        'className' => 'form-control'
                    ]);

                    $info = $form->get('billing_name', 'billing_email', 'billing_phone_number', 'billing_region_id', 'billing_district_id', 'billing_ward_id', 'billing_address');
                    $shipping = $form->get('shipping_name', 'shipping_email', 'shipping_phone_number', 'shipping_region_id', 'shipping_district_id', 'shipping_ward_id', 'shipping_address');
                @endphp
                <form class="ps-form--checkout {{parse_classname('checkout-form', 'place-order-form')}}" action="{{route('web.orders.place-order')}}" method="post">
                    @csrf
                    <div class="row">
                        <div class="col-xl-7 col-lg-8 col-md-12 col-sm-12  ">
                            <div class="ps-form__billing-info">
                                <h3 class="ps-form__heading">Thông tin mua hàng</h3>
                                @foreach ($info as $input)
                                    
                                <div class="form-group">
                                    <label for="{{$input->id}}">
                                        {{$input->label}}
                                        @if ($input->required)
                                        <sup>*</sup>
                                        @endif
                                    </label>
                                    <div class="form-group__content">
                                    {!! $input !!}
                                    </div>
                                    @if ($input->error)
                                        <div class="error has-error">{{$input->error}}</div>
                                    @endif
                                </div>
                                @endforeach
                                @if (!$helper->isLogin())
                                <div class="account-group {{parse_classname('account-group')}}">
                                    <div class="form-group">
                                        <div class="ps-checkbox">
                                            {!! $create = $form->get('create_account')->addClass(parse_classname('create-account-checkbox')) !!}
                                        </div>
                                    </div>

                                    <div class="create-account-group {{parse_classname('create-account-group')}} {{$create->value?'show':''}}">
                                        <p>Tạo một tài khoản từ thông tin đơn hàng. Lần tới mua hàng bạn có thể dùng tài khoản này để đặt hàng dễ dàng hơn và tiện quản lý</p>
                                        <div class="form-group">
                                            <label for="{{($input = $form->password)->id}}">
                                                {{$input->label}}
                                            </label>
                                            <div class="form-group__content">
                                            {!! $input !!}
                                            </div>
                                            @if ($input->error)
                                                <div class="error has-error">{{$input->error}}</div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @endif


                                
                                <div class="shipping-group {{parse_classname('shipping-group')}}">
                                    <div class="form-group">
                                        <div class="ps-checkbox">
                                            {!! $checkbox = $form->get('ship_to_different_address')->addClass(parse_classname('ship-to-different-address')) !!}
                                        </div>
                                    </div>
                                    <div class="shipping-address-group {{parse_classname('shipping-address-group')}} {{$checkbox->value?'show':''}}">
                                        @foreach ($shipping as $input)
                                    
                                            <div class="form-group">
                                                <label for="{{$input->id}}">
                                                    {{$input->label}}
                                                    @if ($input->required)
                                                    <sup>*</sup>
                                                    @endif
                                                </label>
                                                <div class="form-group__content">
                                                {!! $input !!}
                                                </div>
                                                @if ($input->error)
                                                    <div class="error has-error">{{$input->error}}</div>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                </div>

                                {{-- <h3 class="mt-40"> Addition information</h3> --}}
                                <div class="form-group">
                                    <label for="{{($input = $form->note)->id}}">
                                        {{$input->label}}
                                    </label>
                                    <div class="form-group__content">
                                    {!! $input !!}
                                    </div>
                                    <div class="ps-note">
                                        Khách hàng có thể nhập mã giảm giá nếu có
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-5 col-lg-4 col-md-12 col-sm-12  ">
                            <h3 class="ps-form__heading">Đơn hàng</h3>

                            <div class="ps-block--shopping-total">
                                <div class="ps-block__header">
                                    <p><strong>Sản phẩm</strong> <span><strong>Thành tiền</strong></span></p>
                                </div>
                                <div class="ps-block__content">
                                    
                                    <div class="order-table table-content table-responsive mb--30">
                                        <table class="table">
                                            <tbody>
                                                @foreach ($cart->details as $item)
                                                        
                                                <tr class="{{parse_classname('cart-item', 'cart-item-'.$item->id)}}" id="cart-item-{{$item->id}}">
                                                    <td class="wide-column">
                                                        <div>{{$item->product_name}}</div>
                                                        @if ($item->attributes && count($item->attributes))
                                                            <div>
                                                                @foreach ($item->attributes as $attr)
                                                                <div>{{$attr->label??$attr->name}}: {{$attr->text}}</div>
                                                                @endforeach
                                                            </div>
                                                        @endif
                                                        <div>Số lượng: {{$item->quantity}}</div>
                                                    </td>
                                                    <td class="cart-product-price"><strong class="{{parse_classname('item-total-price')}}">{{$item->getTotalFormat()}}</strong></td>
                                                    
                                                </tr>
                                                
                                                @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                    
                                </div>
                                <div class="ps-block__header">
                                    <p>Tạm tính <span class="{{parse_classname('cart-sub-total-ammount')}}">{{$helper->getCurrencyFormat($cart->sub_total)}}</span></p>
                                </div>
                                {{-- <div class="ps-block__header">
                                    <p>Phí giao hàng <span class="{{parse_classname('cart-shipping-fee')}}">{{$helper->getCurrencyFormat($cart->shipping_fee)}}</span></p>
                                </div>
                                <div class="ps-block__header">
                                    <p>Thuế VAT <span class="{{parse_classname('cart-tax-ammount')}}">{{$helper->getCurrencyFormat($cart->tax)}}</span></p>
                                    
                                </div> --}}
                                <div class="ps-block__content">
                                    
                                    <h3>Tổng thành tiền <span class="{{parse_classname('cart-total-ammount')}}">{{$helper->getCurrencyFormat($cart->total_money)}}</span></h3>
                                </div>
                            </div>

                            <div class="ps-form__total">
                                
                                <div class="content">
                                    @include($_lib.'payments.methods')

                                    <button type="submit" class="ps-btn ps-btn--fullwidth">Đặt hàng</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        @else
            <div class="text-center">
                <h3>Không có sản phẩm nào trong giỏ hàng</h3>
            </div>
        @endif

    </div>
</div>


@endsection