@extends('layouts.app')
@section('title','Domain Registration - X Hosting BD')
@section('content')
<div class="page-hero">
  <div class="container">
    <h1>Domain Registration</h1>
    <p>Find and register your perfect domain name at the best prices in Bangladesh</p>
    <div class="breadcrumb"><a href="/">Home</a> <i class="fas fa-chevron-right" style="font-size:11px"></i> Domain</div>
  </div>
</div>
<section class="domain-search-bar" style="padding:50px 0">
  <div class="container">
    <div class="domain-search-wrap">
      <h2>Search Your Domain</h2>
      <form class="domain-form" action="{{ $whmcs }}/cart.php" method="GET" target="_self">
        <input type="hidden" name="a" value="add"><input type="hidden" name="domain" value="register">
        <div class="domain-input-wrap">
          <input type="text" name="query" placeholder="Enter domain name..." class="domain-input">
          <select name="tld" class="domain-tld">@foreach($domains as $d)<option>{{ $d->extension }}</option>@endforeach</select>
          <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Search</button>
        </div>
      </form>
    </div>
  </div>
</section>
<section class="section-pad">
  <div class="container">
    <div class="section-header"><h2>Domain Pricing</h2><p>Transparent pricing with no hidden fees</p></div>
    <div class="domain-table-wrap">
      <table class="domain-table">
        <thead><tr><th>Extension</th><th>Register</th><th>Renew</th><th>Transfer</th><th>Action</th></tr></thead>
        <tbody>
          @foreach($domains as $d)
          <tr>
            <td><strong>{{ $d->extension }}</strong></td>
            <td class="price-cell">৳{{ number_format($d->register_price,0) }}/yr</td>
            <td>৳{{ number_format($d->renew_price,0) }}/yr</td>
            <td>৳{{ number_format($d->transfer_price??$d->renew_price,0) }}/yr</td>
            <td><a href="{{ $whmcs }}/cart.php?a=add&domain=register" class="btn btn-sm btn-primary" target="_self">Register</a></td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</section>
@endsection