@extends('layout')

@section('pageTitle', "購物車｜".config('globals.app_name'))


@section('content')
<link rel="stylesheet" href="{{ asset('css/cart.css?'.rand(10000,99999)) }}">
<style>

.cart-box{
    margin-bottom: 1rem;
    font-size: 16px;
}

form{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

</style>
<section class="container">
    <div class="row">
        <div class="col-12">
            <h1 class="color-all-title big-title p-3">｜購物車｜</h1>
            <div class="step-box">
                <img src="/images/info/step1.png" alt="">
            </div>
        </div>
        <div class="col-12">
            <h3 class="color-all-title big-title m-3 text-center">領貨人資訊</h3>
            <form method="get" action="">
                <div class="form-group">
                    <label for="input-name" class="mb-3 d-flex product-title">姓名<span class="worrytext" style="display: none;">請輸入領貨人姓名</span></label>
                    <input type="text" id="name" name="name" class="form-control form-control-text" placeholder="">
                </div>
                <div class="form-group">
                    <label for="input-phone" class="mb-3 d-flex product-title">電話
                    <span class="worrytext" style="display: none;">請輸入領貨人電話</span></label>
                    <input type="phone" id="phone" name="phone" class="form-control form-control-text" placeholder="">
                </div>
                <div class="form-group">
                    <label for="input-name" class="mb-3 d-flex product-title text-left">領貨日期 [ 當週下單者，可於當週六起（非公休日營業時間）到店取貨 ]
                    <span class="worrytext" style="display: none;">請輸入領貨日期</span></label>
                    <input type="date" id="date" name="date" class="form-control form-control-text" placeholder="">
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-large btn-block btn-gold">送出訂單</button>
                </div>
            </form>
        </div>
    </div>


</section>
@endsection