@extends('layouts.lpapp')

@section('content')

<style>
  /* CSS styles go here */
  .card {
    background-color: black;
    color: white;
    border-radius: 4px;
    padding: 10px;
    /* Add other desired styles */
  }

  .card-body {
    /* Add styles for card body if needed */
  }
</style>




			<div class="container">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Data Api</h4>
						<ul class="breadcrumbs">
							<li class="nav-home">
								<a href="#">
									<i class="flaticon-home"></i>
								</a>
							</li>
							<li class="separator">
								<i class="flaticon-right-arrow"></i>
							</li>
							<li class="nav-item">
								<a href="#">Data Api</a>
							</li>
							<li class="separator">
								<i class="flaticon-right-arrow"></i>
							</li>
							<li class="nav-item">
								<a href="#">Data</a>
							</li>
						</ul>
					</div>
                    <div id="app">
					<div class="row">
						<div class="col-md-12">
							<div class="card">
								<div class="card-header">
									<h3 class="card-title">Data Api Structure</h3>
								</div>

								<div class="card-body">
									<div class="table-responsive">

                                    The url below represents the Api structure :<br><br>
                                    <div class="card">
  <div class="card-body">
  @foreach($datacredits as $datacredit)
                url="https://dash.mobisky.biz/api/databundlesapi?username={{$datacredit->username}}&password={{$datacredit->password}}&recipient={{$datacredit->APIUserAccount->Mobile}}&qnty=7&unit=MB&validity=Day"

             @endforeach
  </div>
</div>


                           {{--  url="https://dash.mobisky.biz/api/databundlesapi?username=xxxxxxxxx&password=dafs&qnty=7&recipient=254712516957&unit=MB&validity=Day"--}}
									</div></div>
								</div>
							</div>
						</div>




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


            @endsection