@extends('storefront.layouts.main')

@section('title', 'Domain Search Results')

@section('content')
<!-- Search Again -->
<div class="row">
    <div class="col-md-12">
        <div class="portlet box blue">
            <div class="portlet-title">
                <div class="caption"><h2 class="no-margin">Domain Search Results</h2></div>
            </div>
            <div class="portlet-body" style="padding: 30px;">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        @php
                            $searchTlds = \App\Models\TldExtension::where('is_active', true)->orderBy('display_order')->get();
                        @endphp
                        <form action="{{ route('storefront.domain.search') }}" method="GET" id="domainSearchAgainForm">
                            @if(!empty($productId))
                                <input type="hidden" name="product_id" value="{{ $productId }}">
                                <input type="hidden" name="billing_cycle_id" value="{{ $billingCycleId }}">
                            @endif
                            <input type="hidden" name="domain" id="search_again_domain_full" value="">
                            <div class="input-group input-group-lg">
                                <input type="text" id="search_again_domain_input" placeholder="Search for another domain..." value="{{ $sld ?? '' }}" required class="form-control">
                                <span class="input-group-addon" style="padding: 0; border: 0; background: none;">
                                    <select id="search_again_tld_select" class="no-uniform" style="border: 1px solid #ccc; border-left: 0; border-radius: 0; height: 46px; font-size: 16px; padding: 0 10px; outline: none; -webkit-appearance: menulist; appearance: menulist; background: #fff; cursor: pointer;">
                                        @foreach($searchTlds as $tld)
                                            <option value="{{ $tld->tld }}" {{ ($selectedTld ?? '') === $tld->tld ? 'selected' : '' }}>{{ $tld->tld }}</option>
                                        @endforeach
                                    </select>
                                </span>
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-warning" style="font-weight: 600;">Search</button>
                                </span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Results -->
<div class="row">
    <div class="col-md-8 col-md-offset-2">
            @if(!empty($searchError))
                <div class="alert alert-warning">
                    <i class="fa fa-exclamation-triangle"></i> {{ $searchError }}
                </div>
            @endif

            @if(!empty($results))
                @foreach($results as $result)
                    <div class="portlet light" style="border-left: 4px solid {{ $result['available'] === true ? '#27ae60' : ($result['available'] === false ? '#e74c3c' : '#95a5a6') }};">
                        <div class="portlet-body">
                            <div class="row">
                                <!-- Domain Name & Status -->
                                <div class="col-md-5">
                                    <h4 style="margin-top: 5px; font-weight: 600;">{{ $result['domain'] }}</h4>
                                    <div>
                                        @if($result['available'] === true)
                                            <span class="label label-success">Available</span>
                                            @if(!empty($result['premium']))
                                                <span class="label label-warning">Premium</span>
                                            @endif
                                        @elseif($result['available'] === false)
                                            <span class="label label-danger">Taken</span>
                                        @else
                                            <span class="label label-default">Unknown</span>
                                        @endif
                                    </div>
                                </div>

                                <!-- Pricing -->
                                <div class="col-md-4 text-right">
                                    @if(!empty($result['price']))
                                        <p style="font-size: 22px; font-weight: bold; margin-bottom: 0;">{{ $selectedCurrency->symbol ?? '৳' }}{{ number_format($result['price'], 2) }}</p>
                                        <p class="font-grey-mint font-sm">
                                            Renewal: {{ $selectedCurrency->symbol ?? '৳' }}{{ number_format($result['renewal'] ?? $result['price'], 2) }}/yr
                                        </p>
                                    @endif
                                </div>

                                <!-- Action -->
                                <div class="col-md-3 text-right">
                                        <form action="{{ auth()->check() ? route('client.cart.add') : route('cart.add.guest') }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="item_type" value="domain_register">
                                            <input type="hidden" name="domain" value="{{ $result['domain'] }}">
                                            <input type="hidden" name="tld" value="{{ $result['tld'] }}">
                                            <input type="hidden" name="years" value="1">
                                            @if(!empty($productId))
                                                <input type="hidden" name="product_id" value="{{ $productId }}">
                                                <input type="hidden" name="billing_cycle_id" value="{{ $billingCycleId }}">
                                            @endif
                                            <button type="submit" class="btn btn-success">
                                                Add to Cart
                                            </button>
                                        </form>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="text-center" style="padding: 50px 0;">
                    <p class="font-grey-mint" style="font-size: 16px;">No results found. Please try a different domain name.</p>
                </div>
            @endif
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('domainSearchAgainForm').addEventListener('submit', function(e) {
        var sld = document.getElementById('search_again_domain_input').value.trim();
        var tld = document.getElementById('search_again_tld_select').value;
        if (sld.indexOf('.') !== -1) {
            document.getElementById('search_again_domain_full').value = sld;
        } else {
            document.getElementById('search_again_domain_full').value = sld + tld;
        }
    });
</script>
@endpush