@include('components.theme.pages.header')

<section>
    <!-- basic table -->
    {{ Form::open(['route' => 'sites.domain.store']) }}
    @csrf
    <div class="row">
        <div class="col-8">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title">Formulir Domain</h6>
                    <div class="card-toolbar">
                        <i class="ki-duotone ki-information-2 fs-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Tolong dilengkapi data informasi dengan valid">
                            <span class="path1"></span>
                            <span class="path2"></span>
                            <span class="path3"></span>
                        </i>
                    </div>
                </div>
                <div class="card-body">
                    <?php
                        foreach($errors->all() as $error) {
                            echo '<div class="alert alert-danger">' . $error . '</div>';
                        }
                    ?>
                    <div class="row">
                        <div class="col">
                            <input type="radio" class="btn-check" name="radio_buttons_2" value="url_support" id="kt_radio_buttons_2_option_1"/>
                            <label class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center mb-5" for="kt_radio_buttons_2_option_1">
                                <span class="d-block fw-semibold text-start">
                                    <span class="text-dark fw-bold d-block fs-3">URL Baru</span>
                                    <span class="text-muted fw-semibold fs-6">
                                        Tambahkan url domain baru kedalam daftar domain anda.
                                    </span>
                                </span>
                            </label>
                        </div>
                        <div class="col">
                            <input type="radio" class="btn-check" name="radio_buttons_2" value="url_from_website" id="kt_radio_buttons_2_option_2"/>
                            <label class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center" for="kt_radio_buttons_2_option_2">
                                <span class="d-block fw-semibold text-start">
                                    <span class="text-dark fw-bold d-block fs-3">Dari Site</span>
                                    <span class="text-muted fw-semibold fs-6">Gunakan url yang tersedia pada daftar site anda.</span>
                                </span>
                            </label>
                        </div>
                    </div>
                    <div class="form-group mb-4 url_support d-none">
                        <label class="form-label">URL<sup class="text-danger">*</sup></label>
                        <input type="text" name="url" value="{{ old('url') }}" autocomplete="off" class="form-control form-control-solid mt-2 {{ $errors->has('url') ? 'is-invalid' : '' }}" placeholder="Masukkan URL Website">
                        @error('url') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="form-group mb-4 url_from_website d-none">
                        <label class="form-label">URL<sup class="text-danger">*</sup></label>
                        <select name="url_from_website" class="form-select input-url form-select-solid mt-2 {{ $errors->has('url') ? 'is-invalid' : '' }}" data-control="select2" data-placeholder="Pilih URL">
                            @foreach ($getSiteLists as $url)
                                <option value="{{ $url->url }}">{{ removeUrlPrefix($url->url) }}</option>
                            @endforeach
                        </select>
                        @error('url_from_website') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="row mb-4">
                        <div class="col-6">
                            <label class="form-label">Domain Authority<sup class="text-danger">*</sup></label>
                            <input type="number" class="form-control form-control-solid mt-2" min="0" name="is_domain_authority" value="{{ old('is_domain_authority') }}" placeholder="Masukkan Domain Authority">
                            @error('is_domain_authority') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>
                        <div class="col-6">
                            <label class="form-label">Page Authority<sup class="text-danger">*</sup></label>
                            <input type="number" class="form-control form-control-solid mt-2" min="0" name="is_page_authority" value="{{ old('is_page_authority') }}" placeholder="Masukkan Page Authority">
                            @error('is_page_authority') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>
                    </div>
                    <div class="form-group mb-0">
                        <button type="submit" class="btn btn-primary">Tambah</button>
                        <a href="{{ route('site.domain') }}" class="btn btn-light btn-light">Kembali</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title">Tambahan</h6>
                </div>
                <div class="card-body">
                    <div class="form-group mb-4">
                        <label class="form-label mb-4">Harga</label>
                        <div class="input-group">
                            <span class="input-group-text" id="basic-addon1">Rp. </span>
                            <input type="number" class="form-control {{ $errors->has('is_price') ? 'is-invalid' : '' }}" name="is_price" value="{{ old('is_price') }}" min="0" placeholder="0"/>
                        </div>
                        @error('is_price') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="form-group mb-4">
                        <label class="form-label mb-4">Estimasi Pengerjaan</label>
                        <div class="input-group">
                            <input type="number" class="form-control {{ $errors->has('is_delivery_time') ? 'is-invalid' : '' }}" name="is_delivery_time" value="{{ old('is_delivery_time') }}" min="0" placeholder="0"/>
                            <span class="input-group-text" id="basic-addon2">hari</span>
                        </div>
                        @error('is_delivery_time') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}
</section>

@push('scripts')
    <script src="https://preview.keenthemes.com/html/metronic/docs/assets/plugins/custom/ckeditor/ckeditor-classic.bundle.js"></script>
    <script>
    $(document).ready(function () {
        $('.input-url').select2({
            placeholder: 'Pilih salah satu',
        });

        $(".btn-check").change(function() {
            if(this.value === "url_support") {
                $('.url_support').removeClass('d-none');
                $('.url_from_website').addClass('d-none');
            } else if(this.value === "url_from_website") {
                $('.url_from_website').removeClass('d-none');
                $('.url_support').addClass('d-none');
            }
        });
    });
    </script>
@endpush
@include('components.theme.pages.footer')