@extends('frontend.app')
<!-- Main Container  --> 
@section('content') 
<div class="position-relative">
    <div id="carouselExampleIndicators" class="carousel slide" data-pause="false" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active innerHeaderimg">
                <img src="/assets/frontend/images/inner-about.jpg" />
                <div class="carousel-caption innertopHEadcaption">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="capbg">
                                    <p>
										Home <i class="fa fa-angle-right mx-2"></i>
                                    </p>
                                    <div class="heading-seperator innerseperatorspace">
                                        <span></span>
                                    </div>
                                    <h4>Apply New Connection</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-12 py-3 py-sm-5">
                <div class="innerabout-content">
                    <h2 class="f-20">MNGL <strong>New Connection Application</strong>
                    </h2>
                    <ul class="mt-3">
                        <li>Applicant residing in a particular building should have a gas supply</li>
                        <li>Payments can be made through online transaction only.</li>
                        <li>As per safety standards, in case, the applicant's residence is found to be technically not feasible, MNGL will refund the amount paid by the applicant in full.</li>
                        <li>Applicant should be the owner of the flat for which new connection is requested. Incase of any dispute w.r.t. ownership arising in future, the security deposit against the connection stands forfeited.</li>
                        <li>Online Scheme1 not applicable to those customers who have surrender the connection before the installment plan.</li>
                    </ul>
                    <hr class="mt-4">
                    <div class="tab-content mt-5">
                        <div class="tab-pane active" role="tabpanel" id="step1">
                            <div class="row mb-5">
                                <div class="col-md-12 application-step">
									@include('frontend.apply-new-connection.partials.links')
                                </div>
                            </div>
                            <h2 class="f-18 mb-4">
                                <b>Step 4 </b> - Payment
                            </h2>
							<form role="form" action="/online-connection/payment" method="post">
								<input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <input type="hidden" name="online_connection_id" value="{{$onlineConnection->id}}">
								<input class="" type="radio">
                                <label class=""> Online Payment </label>
                                <div class="row">
                                    <div class="col-md-12">
                                        <p>Please Upload Sccaned copy of the of the document mention in the below list (Please select pdf file only):-</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4 form-group">
                                        <select class="form-control" id="">
                                            <option selected>Proof of Address</option>
                                            <option>Electricity Bill</option>
                                            <option>Index II</option>
                                            <option>Property Tex Receipt</option>
                                            <option>Agreement</option>
                                            <option>Society Letter/Receipt</option>
                                            <option>Other</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4 form-group">
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>Where did you find :-</label>
                                        <select class="form-control" id="">
                                            <option selected>Select</option>
                                            <option>Social Media</option>
                                            <option>Google</option>
                                            <option>Redio Jingales</option>
                                            <option>MNGL Website</option>
                                            <option>DMA</option>
                                        </select>
                                    </div>
                                </div>
                                <ul class="mt-4 mb-4">
                                    <li>Rs. 5000/- as Security Deposit towards PNG Connection (Refundable)</li>
                                    <li>Rs. 500/- towards Gas Consumption Deposit (Refundable)Rs. 500/- towards Application Fees (Non-Refundable)</li>
                                    <li>Rs. 550/- towards Online Charges (Non-Refundable)</li>
                                    <li>Total Amount = 6550/-</li>
                                </ul>
                                <div class="row">
                                    <div class="col-md-4 form-group">
                                        <label>Total Amount To Be Paid :-</label>
                                        <input type="text" class="form-control" placeholder="6550" disabled>
                                    </div>
                                </div>
                                <p>
                                    <input type="radio" name="paymentoption" class="mr-2">
                                    <img src="/assets/frontend/images/bill-desk.png" height="50px">
                                </p>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input class="" type="checkbox">
                                        <label> I have read & accepted the <a href="" class="text-danger">Terms and Conditions</a>
                                        </label>
                                    </div>
                                </div>
                                <button type="button" data-toggle="tab" data-target="#step4" class="btn mr-2 btn-outline-secondary mt-4">
                                    <i class="fa ml-1 fa-arrow-circle-left"></i> Previous 
                                </button>
                                <button type="button" class="btn btn-primary mt-4">
                                    Submit  <i class="fa ml-2 fa-send"></i>
                                </button>
							</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 
@endsection @section('styles') @endsection @section('scripts') @parent @endsection