@extends('admin.layouts.main')
@section('content')

<main class="main">
                    <section class="section lyt-section typ-add-property">
                        <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                            <a href="{{route('service-users.index')}}" class="me-2">
                                <span class="icon  icon-left-icon"></span>
                            </a>
                            Add Subscriber
                        </h2>
                        <div class="bs-form typ-add-property mx-2 mb-50">
                            <form action="{{route('service-users.store')}}" method="POST" id="subscriptionForm">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="first-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">First
                                                Name</label>
                                            <input type="text" name="first_name" class="input-field" id="first-name"
                                                placeholder="First Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="last-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Last
                                                Name</label>
                                            <input type="text" name="last_name" class="input-field" id="last-name"
                                                placeholder="Last Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="phone-no"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Phone
                                                No</label>
                                            <input type="tel" name="phone_number" class="input-field" id="phone-no"
                                                placeholder="1234567890">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="email"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Email
                                                ID</label>
                                            <div class="inner-input-box">
                                                <input type="email" name="email" class="input-field input-email" id="email"
                                                    placeholder="shubhampatil@gmail.com">

                                                <span class="icon icon-lock"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="service-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Enter
                                                Service Name</label>
                                            <!-- <input type="tel" class="input-field" id="service-name"
                                                placeholder="Paper work made easy"> -->
                                                <select class="input-select" name="service" id="service-name">
                                                <option value="0">Select service</option>

                                                <option value="Paper work made easy">Paper work made easy</option>
                                                <option value="End to end">End to end</option>
                                            </select>
                                        </div>
                                        <span id="service-error" class="error"></span>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="amount"
                                                class="input-label typ-500 typ-clr-grey2 mb-10">Amount</label>
                                            <div class="rupee-box">
                                                <input type="number" name="amount" class="input-field" id="amount" placeholder="">
                                            </div>
                                        </div>
                                        <span id="amount-error" class="error"></span>

                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="start-date" class="input-label typ-500 typ-clr-grey2 mb-6">Start
                                                Date</label>
                                            <div class="bs-date">
                                                <input type="text" name="start_date" class="input-date" id="start-date"
                                                    placeholder="DD/MM/YYYY">
                                                <div class="calender-icon"><img src="assets/images/calender.svg"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12">
                                        <div class="bs-input-box input-box">
                                            <button class="bs-button typ-fill-complete typ-700 me-2 px-32">
                                                Submit
                                            </button>
                                           
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
                </main>
@endsection