@extends('backend.layouts.app')

@section('title', 'Recharge')
@section('page-title', 'Recharge')
@section('page-breadcrumb', 'Recharge')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-6">

                    <div class="card">
<h5 class="card-header">
    <strong>Mobile Recharge</strong>

</h5>
<!--Card content-->


 <form class="card" action="{{route('proceedRecharge')}}" method="POST" enctype="multipart/form-data" >
   @csrf
   <input type="hidden" name="recharge_type" value="RR">

    <div class="card-body">
        <!-- Form -->

        <div class="form-body">
            <!-- User Details -->


<h6 class="form-section mt-4"><b>Prepaid</b></h6>
<hr>

<div class="row">
<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">Mobile<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar " required="" type="text" data-val="true" name="mobile" value="">

        </div>
    </div>
</div>

<!--/span-->
<div class="col-md-12">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">Amount<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar " required="" type="text"  name="amount" value="">

        </div>
    </div>
</div>
<!--/span-->

<div class="col-md-12">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_SelectedParent">Operator</label>
        <div class="col-md-9">
          <select class="form-control select" required="" style="width:100%" id="UserDetails_SelectedParent" name="operator"  tabindex="-1" aria-hidden="true">
                <option value="">Select Operator</option>
                @foreach($prepaid_list as $prepaid)

                  <option value="{{$prepaid->id}},{{$prepaid->operator_code}},{{$prepaid->operator_name}}">{{$prepaid->operator_name}}</option>

                @endforeach

          </select>

        </div>
    </div>
</div>

</div>

</div>
</div>




    <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
            Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
        </button>
        <button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
            Back <i class="fa fa-arrow-circle-left fa-lg"></i>
        </button>
    </div>




</form>
<!-- Form -->

</div>



    <!-- ============================================================== -->

</div>




<div class="col-lg-6">

<div class="card">
<h5 class="card-header">
<strong>Dth Recharge</strong>

</h5>
<!--Card content-->


<form class="card" action="{{route('proceedRecharge')}}" method="POST" enctype="multipart/form-data" >
@csrf
<input type="hidden" name="recharge_type" value="DTH">

<div class="card-body">
<!-- Form -->

<div class="form-body">
<!-- User Details -->


<h6 class="form-section mt-4"><b>DTH</b></h6>
<hr>

<div class="row">
<div class="col-md-12">
<div class="form-group row">
<label class="form-label col-md-3" for="UserDetails_FirstName">Customer ID<span class="text-danger"> *</span></label>
<div class="col-md-9">
<input class="form-control nameChar " required="" type="text" data-val="true" name="mobile" value="">

</div>
</div>
</div>

<!--/span-->
<div class="col-md-12">
<div class="form-group row">
<label class="form-label col-md-3" for="UserDetails_LastName">Amount<span class="text-danger"> *</span></label>
<div class="col-md-9">
<input class="form-control nameChar " required="" type="text"  name="amount" value="">

</div>
</div>
</div>
<!--/span-->

<div class="col-md-12">
<div class="form-group row">
<label class="col-form-label col-md-3" for="UserDetails_SelectedParent">Operator</label>
<div class="col-md-9">
<select class="form-control select" required="" style="width:100%" id="UserDetails_SelectedParent" name="operator"  tabindex="-1" aria-hidden="true">
<option value="">Select Operator</option>
@foreach($dth_list as $dth)

  <option value="{{$dth->id}},{{$dth->operator_code}},{{$dth->operator_name}}">{{$dth->operator_name}}</option>

@endforeach

</select>

</div>
</div>
</div>
</div>


</div>
</div>


<div class="card-footer">
<button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
</button>
<button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
Back <i class="fa fa-arrow-circle-left fa-lg"></i>
</button>
</div>






</form>
<!-- Form -->

</div>



<!-- ============================================================== -->

</div>





</div>
</div>
</div>

@endsection
@section('self_script')


@endsection