@extends('include.dashboard')
@section('content')


                                 <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
               </div>
                                            <div class="nk-block-between-md g-4">
                                                <div class="nk-block-head-content">
                                                    <h4 class="nk-block-title fw-normal">Electricity Bill Developer API</h4>
                                                    <div class="nk-block-des"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nk-block">
                                            <div class="support-topic-details card card-bordered">
                                                <div class="card-inner">
                                                    <div class="entry">
                                                        <h6 class="text-primary">Using Your APi Key</h6>

                                                        <p><table class="table-responsive">
                                                            <thead style="outline: none !important;">
	 	<tr>
			<td style="outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221);">
			APIKey</td>
			<td style="outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221);">
			{{Auth::User()->token}}</td>
		</tr>
	</thead>
	<tbody style="outline: none !important;">
		<tr style="outline: none !important;">
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			Electricity Company</td>
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			<p style="outline: none !important; margin: 0px 0px 10px;">01 for
			Eko Electric - PHCN</p>
			<p style="outline: none !important; margin: 0px 0px 10px;">02 for
			Ikeja Electric - IKEDC </p>
			<p style="outline: none !important; margin: 0px 0px 10px;">04 for
			Kano Electric - KEDCO</p>
			<p style="outline: none !important; margin: 0px 0px 10px;">05 for
			Port Harcourt Electric - PHED</p>
			<p style="outline: none !important; margin: 0px 0px 10px;">06 for
			Jos Electric - JED</p>
			</td>
		</tr>
		<tr style="outline: none !important;">
			<td style="outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221);">
			Meter Type</td>
			<td style="outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221);">
			<p style="outline: none !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px">
			01 for Prepaid</p>
			<p style="outline: none !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px">
			02 for Postpaid</td>
		</tr>
		<tr>
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			Meter No</td>
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			<p style="outline: none !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px">
			Recipient MeterNo</td>
		</tr>
		<tr style="outline: none !important;">
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			Amount</td>
			<td style="border-left:1px solid rgb(221, 221, 221); border-top:1px solid rgb(221, 221, 221); outline: none !important; padding: 8px; line-height: 20px; text-align: left; vertical-align: top; ">
			<p style="outline: none !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px">
			Amount to purchase</td>
		</tr>

		</table>
                                                        </p>
                                                        <h5 class="text-primary">How it works</h5><hr><br>

                                                        <h6 class="text-primary">First Step: <small>Meter Number Verification</small></h6>
                                                        <p>Before you begin this process, you will need to first verify the Meter Number you are recharging
                                                         to ensure you dont recharge a wrong or unintended Meter Number. Our API call will return the meter details if it is correct
                                                        before you proceed with the recharge process.
                                                            <br> Lets Verify An IKEDC Prepaid Meter With Meter Number: <b> 1234567890</b><br>

https://{{$basic->siteurl}}/developer-apiV1/electricity_verify/YOUR_API_KEY/Electricity_Company/Meter_Number<br>

<b>API Call Will Be As Follow:</b><br>
https://{{$basic->siteurl}}/developer-api-V1/electricity_verify/{{Auth::User()->token}}/02/1234567890<br>

<b>Successful JSON response</b>
<BR>
{"status":"Successful","name":"HAMMED CHUKUWMA ADEBOWALE"}
<br>
<b>Unsuccessful JSON response</b>
<BR>
{"status":"Declined","reason":"Invalid Meter Number"}

<hr><br>
<h6 class="text-primary">Second Step: <small>Meter Recharge</small></h6>
Now, lets Buy 1000 {{$basic->currency}} Units On The Meter Number: <b> 1234567890</b><br>

https://{{$basic->siteurl}}/developer-apiV1/electricity_buy/YOUR_API_KEY/Electricity_Company/Meter_Type/Meter_Number/Amount<br>

<b>API Call Will Be As Follow:</b><br>
https://{{$basic->siteurl}}/developer-api-V1/electricity_buy/{{Auth::User()->token}}/01/01/1234567890/1000<br>

<b>JSON response</b>

{"status":"Successful","phone":"08024333243","amount":"100","network":"01","trx_id":"GFST627HJT"}

                                                        </p>
                                                        <h5 class="text-primary">Query A Transaction</h5>
                                                        <p>Now lets query the transaction executed above using the transaction number as shown by the Json Response:</p>
                                                        <b>API Syntax Will Be As Follow:</b><br>
https://{{$basic->siteurl}}/developer-api-V1/query_electricity_buy/YOUR_API_KEY/TRX_ID<br>

<b>API Call Will Be As Follow:</b><br>
https://{{$basic->siteurl}}/developer-api-V1/query_electricity_buy/{{Auth::User()->token}}/GFST627HJT<br>
<b>Query JSON response</b><br>

{"status":"Successful","type":"Internet Data","amount":"500","network":"01","phone":"08023222333","trx_id":"6L48RKZCIM","date":{"date":"2020-07-07 08:25:37.000000","timezone_type":3,"timezone":"UTC"}}

                                                        <img src="{{asset('dash-assets/images/support.jpg')}}" alt="" />
                                                         </div>
                                                    <div class="support-topic-meta">
                                                        <div class="support-topic-author">

                                                        </div>
                                                        <div class="support-topic-react">
                                                            <ul class="react-list">
                                                                <li class="title"><span>Was this developer API page helpful?</span></li>
                                                                <li class="react-good">
                                                                    <a title="Good" data-toggle="tooltip" href=" "><em class="icon ni ni-happyf-fill"></em></a>
                                                                </li>
                                                                <li class="react-ok">
                                                                    <a title="Fair" data-toggle="tooltip" href=" "><em class="icon ni ni-meh-fill"></em></a>
                                                                </li>
                                                                <li class="react-bad">
                                                                    <a title="Bad" data-toggle="tooltip" href=" "><em class="icon ni ni-sad-fill"></em></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                </div>


@endsection
