@extends('layouts.app')

@section('content')
<div class="page-title">
    <h3>Recharge</h3>
    @include('partials._breadcrumbs')
</div>


<div id="main-wrapper">
    <div class="row">

        <div class="panel panel-white">
            <div class="panel-heading clearfix">
                <h4 class="panel-title">Recharge</h4>
            </div>
            <div class="panel-body">
                <div class="panel-body">
                    <div class="tabs-left" role="tabpanel">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#tab9" role="tab" data-val="Prepaid-Mobile"
                                    data-toggle="tab"><i class="fa fa-mobile-phone fa-2x"></i>
                                    Prepaid-Mobile</a></li>
                            <li role="presentation"><a href="#tab10" role="tab" data-val="Postpaid-Mobile"
                                    data-toggle="tab"><i class="fa fa-mobile-phone fa-2x"></i>
                                    Postpaid-Mobile</a></li>
                            <li role="presentation"><a href="#tab11" data-val="Broadband" role="tab"
                                    data-toggle="tab"><i class="fa fa-wifi"></i>
                                    Broadband</a></li>
                            <li role="presentation"><a href="#tab12" role="tab" data-val="DTH" data-toggle="tab">
                                    <i class="fa fa-globe"></i>
                                    DTH</a></li>
                            <li role="presentation"><a href="#tab13" role="tab" data-val="Landline" data-toggle="tab"><i
                                        class="fa fa-phone"></i>
                                    Landline</a></li>






                        </ul><!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active fade in" id="tab9">

                                <form action="/crecharge" method="POST" name="pre" id="pre">
                                    <div class="row">
                                        @csrf
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="">Prepaid Mobile Number</label>
                                                <input placeholder="" name="mobile_number" maxlength="10" minlength="10"
                                                    id="mobile_number" class="form-control">
                                            </div>
                                        </div>
                                        <input type="hidden" name="key" value="{{Crypt::encrypt('Prepaid-Mobile')}}">
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Operator</label>
                                                <select name="operator" id="operator" class="form-control">
                                                    @foreach ($prepaid as $pre)
                                                    <option value="{{$pre->code}}">{{$pre->operator_name}}</option>
                                                    @endforeach

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Circle</label>
                                                <select name="circle" id="circle" class="form-control">
                                                    @foreach ($regions as $region)
                                                    <option value="{{$region->code}}">{{$region->region}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Amount</label>
                                                <input name="amount" id="amount" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group required">
                                                <br>
                                                <button class="btn btn-success btn-xs" type="submit">Recharge</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab10">
                                <form id="postpaid" name="postpaid" action="/recharge" method="POST">
                                    <div class="row">
                                        @csrf

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="">Postpaid Mobile Number</label>
                                                <input name="mobile_number" id="mobile_number" class="form-control">
                                            </div>
                                        </div>
                                        <input type="hidden" name="key" value="{{Crypt::encrypt('POSTPAID')}}">

                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Operator</label>
                                                <select name="operator" id="operator" class="form-control">
                                                    @foreach ($postpaid as $post)
                                                    <option value="{{$post->code}}">{{$post->operator_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Circle</label>
                                                <select name="circle" id="circle" class="form-control">
                                                    @foreach ($regions as $region)
                                                    <option value="{{$region->code}}">{{$region->region}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Amount</label>
                                                <input name="amount" id="amount" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group required">
                                                <br>
                                                <button class="btn btn-success btn-xs" type="submit">Recharge</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab11">
                                <form action="/recharge" method="POST" name="Broadband" id="Broadband">
                                    <div class="row">
                                        @csrf

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="">Registered Mobile Number (Broadband)</label>
                                                <input name="mobile_number" id="mobile_number" class="form-control">
                                            </div>
                                        </div>
                                        <input type="hidden" name="key" value="{{Crypt::encrypt('DTH')}}">

                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Operator</label>
                                                <select name="operator" id="operator" class="form-control">
                                                    @foreach ($broadband as $broad)
                                                    <option value="{{$broad->code}}">{{$broad->operator_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Circle</label>
                                                <select name="circle" id="circle" class="form-control">
                                                    @foreach ($regions as $region)
                                                    <option value="{{$region->code}}">{{$region->region}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Amount</label>
                                                <input name="amount" id="amount" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group required">
                                                <br>
                                                <button class="btn btn-success btn-xs" type="submit">Recharge</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab12">
                                <form action="/recharge" method="POST" id="DTH" name="DTH">
                                    <div class="row">
                                        @csrf

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="">Customer No.</label>
                                                <input name="mobile_number" id="mobile_number" class="form-control">
                                            </div>
                                        </div>
                                        <input type="hidden" name="key" value="{{Crypt::encrypt('DTH')}}">

                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Operator</label>
                                                <select name="operator" id="operator" class="form-control">
                                                    @foreach ($dth as $dt)
                                                    <option value="{{$dt->code}}">{{$dt->operator_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Circle</label>
                                                <select name="circle" id="circle" class="form-control">
                                                    @foreach ($regions as $region)
                                                    <option value="{{$region->code}}">{{$region->region}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Amount</label>
                                                <input name="amount" id="amount" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group required">
                                                <br>
                                                <button class="btn btn-success btn-xs" type="submit">Recharge</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab13">
                                <form action="/recharge" method="POST" id="Landline" name="Landline">
                                    <div class="row">
                                        @csrf

                                        <div class="col-md-1">
                                            <div class="form-group">
                                                <label for=""> Code</label>
                                                <input name="stdCode" maxlength="3" id="stdCode" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="">Landline Number</label>
                                                <input name="mobile_number" maxlength="10" id="mobile_number"
                                                    class="form-control">
                                            </div>
                                        </div>
                                        <input type="hidden" name="key" value="{{Crypt::encrypt('Landline')}}">

                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Operator</label>
                                                <select name="operator" id="operator" class="form-control">
                                                    @foreach ($landline as $land)
                                                    <option value="{{$land->code}}">{{$land->operator_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Circle</label>
                                                <select name="circle" id="circle" class="form-control">
                                                    @foreach ($regions as $region)
                                                    <option value="{{$region->code}}">{{$region->region}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group required">
                                                <label for="" class="control-label">Amount</label>
                                                <input name="amount" id="amount" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group required">
                                                <br>
                                                <button class="btn btn-success btn-xs" type="submit">Recharge</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>

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


    </div><!-- Row -->

</div>



@endsection