@extends('admin.layouts.main')
@section('title', 'Add Domain')
@section('menu', 'Domains')

@section('content')
<form action="{{ route('admin.domains.store') }}" method="POST">
    @csrf
    <fieldset class="content-group">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Domain Details</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="control-label">Customer<span class="text-danger"> *</span></label>
                            <select name="user_id" class="form-control select2" required>
                                <option value="">-- Select Customer --</option>
                                @foreach($clients as $client)
                                    <option value="{{ $client->id }}" {{ old('user_id') == $client->id ? 'selected' : '' }}>{{ $client->first_name }} {{ $client->last_name }} ({{ $client->email }})</option>
                                @endforeach
                            </select>
                            @if ($errors->has('user_id'))<span class="help-block text-danger">{{ $errors->first('user_id') }}</span>@endif
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label">Domain Name<span class="text-danger"> *</span></label>
                                    <input type="text" name="domain_name" class="form-control" value="{{ old('domain_name') }}" placeholder="example.com" required>
                                    @if ($errors->has('domain_name'))<span class="help-block text-danger">{{ $errors->first('domain_name') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">TLD Extension<span class="text-danger"> *</span></label>
                                    <select name="tld_extension_id" class="form-control" required>
                                        <option value="">-- Select --</option>
                                        @foreach($tldExtensions as $tld)
                                            <option value="{{ $tld->id }}" {{ old('tld_extension_id') == $tld->id ? 'selected' : '' }}>{{ $tld->extension }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('tld_extension_id'))<span class="help-block text-danger">{{ $errors->first('tld_extension_id') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Registrar</label>
                                    <select name="registrar_id" class="form-control">
                                        <option value="">-- None --</option>
                                        @foreach($registrars as $registrar)
                                            <option value="{{ $registrar->id }}" {{ old('registrar_id') == $registrar->id ? 'selected' : '' }}>{{ $registrar->name }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('registrar_id'))<span class="help-block text-danger">{{ $errors->first('registrar_id') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Registrar Order ID</label>
                                    <input type="text" name="registrar_order_id" class="form-control" value="{{ old('registrar_order_id') }}" placeholder="Order/Entity ID from registrar">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Dates & Pricing</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Registration Date<span class="text-danger"> *</span></label>
                                    <input type="date" name="registration_date" class="form-control" value="{{ old('registration_date', date('Y-m-d')) }}" required>
                                    @if ($errors->has('registration_date'))<span class="help-block text-danger">{{ $errors->first('registration_date') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Expiry Date<span class="text-danger"> *</span></label>
                                    <input type="date" name="expiry_date" class="form-control" value="{{ old('expiry_date', date('Y-m-d', strtotime('+1 year'))) }}" required>
                                    @if ($errors->has('expiry_date'))<span class="help-block text-danger">{{ $errors->first('expiry_date') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Registration Price</label>
                                    <input type="number" step="0.01" name="registration_price" class="form-control" value="{{ old('registration_price') }}" placeholder="0.00">
                                    @if ($errors->has('registration_price'))<span class="help-block text-danger">{{ $errors->first('registration_price') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Renewal Price</label>
                                    <input type="number" step="0.01" name="renewal_price" class="form-control" value="{{ old('renewal_price') }}" placeholder="0.00">
                                    @if ($errors->has('renewal_price'))<span class="help-block text-danger">{{ $errors->first('renewal_price') }}</span>@endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Nameservers</div>
                    <div class="panel-body">
                        @for($i = 0; $i < 5; $i++)
                        <div class="form-group">
                            <label class="control-label">Nameserver {{ $i + 1 }}@if($i < 2)<span class="text-danger"> *</span>@endif</label>
                            <input type="text" name="nameservers[{{ $i }}]" class="form-control" value="{{ old('nameservers.'.$i) }}" placeholder="ns{{ $i + 1 }}.example.com" {{ $i < 2 ? 'required' : '' }}>
                        </div>
                        @endfor
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Status & Options</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="control-label">Status<span class="text-danger"> *</span></label>
                            <select name="status" class="form-control" required>
                                @foreach(['pending' => 'Pending', 'active' => 'Active', 'expired' => 'Expired', 'cancelled' => 'Cancelled'] as $val => $label)
                                    <option value="{{ $val }}" {{ old('status', 'active') === $val ? 'selected' : '' }}>{{ $label }}</option>
                                @endforeach
                            </select>
                            @if ($errors->has('status'))<span class="help-block text-danger">{{ $errors->first('status') }}</span>@endif
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="auto_renew" value="0">
                            <input type="checkbox" name="auto_renew" value="1" class="custom-control-input" id="auto_renew" {{ old('auto_renew', true) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="auto_renew">Auto Renew</label>
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="theft_protection" value="0">
                            <input type="checkbox" name="theft_protection" value="1" class="custom-control-input" id="theft_protection" {{ old('theft_protection') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="theft_protection">Theft Protection</label>
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="id_protection" value="0">
                            <input type="checkbox" name="id_protection" value="1" class="custom-control-input" id="id_protection" {{ old('id_protection') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="id_protection">ID Protection</label>
                        </div>
                    </div>
                </div>
                <div class="panel panel-warning">
                    <div class="panel-heading font-bold">Registrar Provisioning</div>
                    <div class="panel-body">
                        <div class="custom-control custom-switch mb-2">
                            <input type="hidden" name="register_at_registrar" value="0">
                            <input type="checkbox" name="register_at_registrar" value="1" class="custom-control-input" id="register_at_registrar" {{ old('register_at_registrar') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="register_at_registrar"><strong>Register at registrar</strong></label>
                        </div>
                        <p class="font-grey-mint" style="font-size:12px; margin:0;">When checked, the system will call the registrar API to register this domain. The registrar will be auto-detected from TLD if not selected. Registrar Order ID will be set automatically.</p>
                    </div>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading font-bold">Publish</div>
                    <div class="panel-body">
                        <a type="button" class="btn btn-warning" href="{{ route('admin.domains.index') }}"><i class="fa fa-long-arrow-left"></i> Back to List</a>
                        <button type="submit" name="save" class="btn btn-success pull-right"><i class="fa fa-save"></i> Save</button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
@endsection

@push('custom-stylesheets')
<link href="{{ asset('/back/assets/global/plugins/select2/select2.css') }}" rel="stylesheet">
<link href="{{ asset('/back/assets/global/plugins/select2/select2-bootstrap.css') }}" rel="stylesheet">
@endpush
@push('custom-scripts')
<script src="{{ asset('/back/assets/global/plugins/select2/select2.min.js') }}"></script>
<script>jQuery(document).ready(function(){ jQuery('.select2').select2(); });</script>
@endpush