@extends('layouts.app')
@section('content')

<!--middle body-->
<div class="container mb-4" style="margin-top: 60px;">

    <div class="row m-0">
        <!--left part-->
        <div class="col-md-8 rightSidebar">
            <div class="theiaStickySidebar">
                <nav aria-label="breadcrumb breadcrumb-design">
                    <ol class="breadcrumb font-1 p-0">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>

                        <li class="breadcrumb-item active"><span class="bread-active">Subscription</span></li>
                    </ol>
                </nav>

                <form class="mt-3" method="post" action="{{ url('online/insert') }}">
                    {{ csrf_field() }}
                    <div class="col bg-white rounded border p-4 ml-0 mr-0 mt-3">
                        <h4 class="category-heading mb-3 font-1 border-bottom pb-2 mb-4"><span class="blue-color">SUBSCRIPTION</span> </h4>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="row mt-3">
                                    <div class="col-md-4">
                                        <label class="text-danger font-2-bold mt-1">SUBSCRIPTION</label>
                                    </div>
                                    @if(Session::has('msg'))
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('msg') }}</p>
                @endif
                                    <div class="col-md-8">
                                        <select class="form-control d-block" id="selectField" name="year" required="">
                                            <option value="">--Select Subsciption--</option>
                                            <option value="1Year">1 Year  - 12 Issues</option>
                                            <option value="2Years">2 Years - 24 Issues</option>
                                            <option value="3Years">3 Years - 36 Issues</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mt-5">
                                    <div class="col-md-12">
                                        <!-- <h6 style="font-weight: bold;font-size: 10px">
                                            SUBSCRIBE NOW TO THE ULTIMATE MONTHLY RESOURCE FOR ALL THINGS REAL ESTATE
                                        </h6> -->
                                        <table width="100%" class="table font-2 table-bordered" id="myTable">
                                            <tbody>
                                                <tr class="green-bg text-white font-2-bold">
                                                    <td align="center" valign="middle"><strong>Name</strong></td>
                                                    <td align="center" valign="middle"><strong>Magazine Cost @ Rs. 150 per issue</strong></td>
                                                     <td align="center" valign="middle"><strong>No. of Issues.</strong></td> 
                                                </tr>
                                                <tr position="1Year">
                                                    <td align="center" valign="middle">One Year</td>
                                                    <td align="center" valign="middle">Rs. 1800 (Inclusive Courier cost)</td> 
                                                    <td align="center" valign="middle">12</td>
                                                </tr>
                                                <tr position="2Years">
                                                    <td align="center" valign="middle">Two Year </td>
                                                     <td align="center" valign="middle">Rs. 3600 (Inclusive Courier cost)</td>                                                     <td align="center" valign="middle">24</td>
                                                </tr>
                                                <tr position="3Years">
                                                    <td align="center" valign="middle">Three Year </td>
                                                     <td align="center" valign="middle">Rs. 5400 (Inclusive Courier cost)</td>
                                                    <td align="center" valign="middle">36</td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                                 <div class="row">
                                    <div class="col-md-12">
                                        <small class="font-2 mb-0">For any subscription query mail us at <a href="mailto:rahul.salve@exchange4media.com" class="text-primary">rahul.salve@exchange4media.com</a></small>
                                    </div>
                                </div> 

                            </div>

                            <div class="col-md-4"><img src="{{asset('images/reality_plus_subscribe.jpeg')}}" class="img-fluid rounded"></div>

                        </div>
                        <hr class="border-dark border">

                        <!--form box-->
                        <div class="col-12 font-2 p-0">

                            <h3 class="font-1 blue-color">Payment
                            </h3>
                            <p class="text-muted"> Fields marked with <span class="text-danger">*</span> are mandatory
                                </p>
                                <p>Discover a wealth of fresh perspectives from top-tier real estate experts, including trend reports, forecasts, and comprehensive market research. Stay informed about upcoming real estate ventures and projects.</p>
                                <p>Realty+ is your ultimate destination for all-encompassing intelligence tailored to real estate professionals.</p>







                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>First Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtname" id="txtname" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>Last Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtlname" id="txtlname" required="">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Company <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtcompany" id="txtcompany" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>Company GST IN <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtgstno" id="txtgstno" required="">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Designation <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtdesig" id="txtdesig" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>Address 1 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="txtaddress1" rows="1" name="txtaddress1" required=""></textarea>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Address 2 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="txtaddress2" rows="1" name="txtaddress2"></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label>Address 3 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="txtaddress3" rows="1" name="txtaddress3"></textarea>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>City <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtcity" id="txtcity" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>State <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtstate" id="txtstate" required="">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Country <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtcountry" id="txtcountry" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>ZIP/PIN <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtpin" id="txtpin" required="">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Mobile <span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" name="txtphone" id="txtphone" required="">
                                </div>
                                <div class="col-md-6">
                                    <label>Email ID <span class="text-danger">*</span></label>
                                    <input type="email" class="form-control" name="txtemail" id="txtemail" required="">
                                </div>
                            </div>

                            <div class="form-check mt-4 mb-4">
                                <input type="checkbox" class="form-check-input" id="sameas" name="sameas" value="checkbox" onclick="return submit_me();">
                                <label class="form-check-label purple-color font-2-bold" for="exampleCheck1"> Please Click if Billing Address is same</label>
                            </div>


                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>First Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_name" id="txtbill_name">
                                </div>
                                <div class="col-md-6">
                                    <label>Last Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_lname" id="txtbill_lname">
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <label>Company <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_company" id="txtbill_company">
                                </div>
                                <div class="col-md-6">
                                    <label>Designation <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_desig" id="txtbill_desig">
                                </div>

                            </div>

                            <div class="row mt-3">

                                <div class="col-md-6">
                                    <label>Address 1 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="1" name="txtbill_address1" id="txtbill_address1"></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label>Address 2 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="1" name="txtbill_address2" id="txtbill_address2"></textarea>
                                </div>
                            </div>

                            <div class="row mt-3">

                                <div class="col-md-6">
                                    <label>Address 3 <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="1" name="txtbill_address3" id="txtbill_address3"></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label>City <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_city" id="txtbill_city">
                                </div>
                            </div>

                            <div class="row mt-3">

                                <div class="col-md-6">
                                    <label>State <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_state" id="txtbill_state">
                                </div>
                                <div class="col-md-6">
                                    <label>Country <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_country" id="txtbill_country">
                                </div>
                            </div>

                            <div class="row mt-3">

                                <div class="col-md-6">
                                    <label>ZIP/PIN <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_pin" id="txtbill_pin">
                                </div>
                                <div class="col-md-6">
                                    <label>Mobile <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_phone" id="txtbill_phone">
                                </div>
                            </div>

                            <div class="row mt-3">

                                <div class="col-md-6">
                                    <label>Email ID <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtbill_email" id="txtbill_email">
                                </div>
                            </div>


                            <div class="col-12 text-center mt-4">
                                <button type="submit" class="btn btn-danger btn-rounded">Make Online Payment</button>
                            </div>



                        </div>
                        <!--form box-->


                        <div class="col-12 mt-5 p-3 rounded dashed-bdr">
                            <p class="font-2-bold mt-3"><strong>BELOW MENTIONED ARE THE NEFT DETAILS:</strong></p>
                            <p class="font-2 text-muted"><small>A/c holder name - Mediasset Holdings</small></p>

                            <table width="100%" border="0" class="table table-sm font-2">
                                <tbody>
                                    <tr>
                                        <td colspan="2" class="bg-light"><strong>Payment Details :-</strong></td>
                                    </tr>
                                    <tr>
                                        <td width="22%"><strong>Bank </strong></td>
                                        <td width="78%"><strong>HDFC BANK</strong></td>
                                    </tr>
                                    <tr>
                                        <td><strong>A/c No</strong></td>
                                        <td><strong>00032000040226</strong></td>
                                    </tr>
                                    <tr>
                                        <td><strong>IFSC</strong></td>
                                        <td><strong>HDFC0000003</strong></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Branch</strong></td>
                                        <td><strong>Surya Kiran, K G Marg, New Delhi</strong></td>
                                    </tr>
                                </tbody>
                            </table>


                        </div>

                        <p class="mt-5"><img src="images/logo.png" width="20%"></p>
                        <small><strong>Copyright © 2024 Mediasset Holdings. All Rights Reserved.</strong></small>

                    </div>
                </form>

            </div>
        </div>
        <!--left part-->


        <!--right-part-->
        @include('layouts.page_right_sidebar')
        <!--right-part-->


    </div>

</div>
<!--middle body-->
@endsection