@extends('includes.app')
@section('content')
<div class="breadcrumb-area shadow dark bg-fixed text-light" style="background-image: url(public/assets/img/checkout_bg.jpg);">
    <div class="container">
        <div class="row align-center">
            <div class="col-lg-12">
                <h1>Checkout Royal Squad</h1>
                <p class="p_cu_h4">Royal Squad is a trusted technology solutions provider offering top-tier IT support, cybersecurity, and innovative digital solutions. Our expert team ensures seamless technology integration, security, and efficiency for businesses and individuals.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="checkout default-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-7">
                <div class="checkout_info">
                    <h2>Customer Information</h2>
                    <form action="">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" id="first_name" name="name" placeholder="First Name" type="text" required>
                                    @error('name')
                                    <div class="error text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" id="last_name" name="name" placeholder="Last Name" type="text" required>
                                    @error('name')
                                    <div class="error text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
                                    @error('email')
                                    <div class="error text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" id="number" name="number" placeholder="Enter Phone Number" type="text" required>
                                    @error('number')
                                    <div class="error text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" name="submit" id="submit" class="btn btn-primary check_b">
                                    SUBMIT
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- <h2></h2> -->
            </div>
            <div class="col-lg-5">
                <div class="summary">
                    <div class="order">
                        <h2 class="order-summary-heading">Order Summary</h2>
                    </div>
                    <div class="item_cart">
                        <ul>
                            <li class="cart_i">
                                <i class="fa-solid fa-cart-shopping"></i>
                                1 item(s) in Cart
                            </li>
                            <li class="cart_details">
                                Details
                            </li>
                        </ul>
                    </div>
                    <div class="total">
                        <div class="order_total">
                            <p>
                                Package Name
                            </p>
                        </div>
                        <div class="order_price">
                            <p>
                                $34.99
                            </p>
                        </div>
                    </div>
                    <div class="total">
                        <div class="sub">
                            <p class="font20">
                                 Subtotal
                            </p>
                        </div>
                        <div class="sub_p">
                            <p class="font20">
                                $34.99
                            </p>
                        </div>
                    </div>
                    <button type="submit" name="submit" id="submit" class="btn btn-primary check_b">
                        Pay Now
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection