@extends('website.includes.master')

@section('title')
    Checkout
@endsection

@section('content')

    <!-- Start Bradcaump area -->
{{--    <div class="ht__bradcaump__area"--}}
{{--         style="background: rgba(0, 0, 0, 0) url({{ URL::asset('website/images/bg/4.jpg') }}) no-repeat scroll center center / cover ;">--}}
{{--        <div class="ht__bradcaump__wrap">--}}
{{--            <div class="container">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-xs-12">--}}
{{--                        <div class="bradcaump__inner">--}}
{{--                            <nav class="bradcaump-inner">--}}
{{--                                <a class="breadcrumb-item" href="{{ route('/') }}">Home</a>--}}
{{--                                <span class="brd-separetor"><i class="zmdi zmdi-chevron-right"></i></span>--}}
{{--                                <span class="breadcrumb-item active">Checkout</span>--}}
{{--                            </nav>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    <!-- End Bradcaump area -->

    <!-- cart-main-area start -->
    <div class="checkout-wrap ptb--100 pt-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="checkout__inner">
                        <div class="accordion-list">
                            <div class="accordion">

                                <div class="accordion__title">
                                    Billing Information
                                </div>
                                <div class="accordion__body">
                                    <div class="bilinfo">
                                        <form action="#">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="First name">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="Last name">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="Street Address">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="single-input">
                                                        <input type="text"
                                                               placeholder="Apartment/Block/House (optional)">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="City/State">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="Post code/ zip">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="email" placeholder="Email address">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="single-input">
                                                        <input type="text" placeholder="Phone number">
                                                    </div>
                                                </div>
                                                <div class="col-md-12 mt-4">
                                                    <button class="btn btn-dark MyHover My30Radius w-100"
                                                            style="height:60px">Place Order
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="order-details">
                        <h5 class="order-details__title">Your Order</h5>
                        <div class="order-details__item">
                            <div class="single-item">
                                <div class="single-item__thumb">
                                    <img src="{{ URL::asset('website/images/cart/1.png') }}" alt="ordered item">
                                </div>
                                <div class="single-item__content">
                                    <a href="#">Santa fe jacket for men</a>
                                    <span class="price">$128</span>
                                </div>
                                <div class="single-item__remove">
                                    <a href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </div>
                            <div class="single-item">
                                <div class="single-item__thumb">
                                    <img src="{{ URL::asset('website/images/cart/2.png') }}" alt="ordered item">
                                </div>
                                <div class="single-item__content">
                                    <a href="#">Santa fe jacket for men</a>
                                    <span class="price">$128</span>
                                </div>
                                <div class="single-item__remove">
                                    <a href="#"><i class="zmdi zmdi-delete"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="order-details__count">
                            <div class="order-details__count__single">
                                <h5>sub total</h5>
                                <span class="price">$909.00</span>
                            </div>
                            <div class="order-details__count__single">
                                <h5>Tax</h5>
                                <span class="price">$9.00</span>
                            </div>
                            <div class="order-details__count__single">
                                <h5>Shipping</h5>
                                <span class="price">0</span>
                            </div>
                        </div>
                        <div class="ordre-details__total">
                            <h5>Order total</h5>
                            <span class="price">$918.00</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- cart-main-area end -->

@endsection