@extends('admin.layouts.container')

@section('content')

    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>
    <div class="border-item">
        <form class="form-row domain_form" method="post" action="{{ $action }}">
            @if( ($domain ?? '')  && ($domain->id ?? null))
                @method('PUT')
            @endif
            @csrf

            <div class="form-group col-lg-6">
                <label>{{ __('domains.store') }}</label>
                <select name="store_id" id="store_id" class="form-control {{ $errors->has('store_id') ? 'is-invalid' : '' }}">
                    {{-- <option value="">{{ __('domains.store') }}</option> --}}
                    @foreach ($stores as $store)
                        <option {{old("store_id", $domain->store_id ?? "") == $store->id ? 'selected': ''}} value="{{$store->id}}">{{ $store->name ?? ''}}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('domains.order') }}</label>
                <select name="order_id" id="order_id" class="form-control {{ $errors->has('order_id') ? 'is-invalid' : '' }}">
                    {{-- <option value="">{{ __('domains.order') }}</option> --}}
                    {{-- @foreach ($orders as $order)
                        <option {{old("order_id", $domain->order_id ?? "") == $order->id ? 'selected': ''}} value="{{$order->id}}">{{ $order->title ?? ''}}</option>
                    @endforeach --}}
                </select>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('domains.domain_name') }} </label>
                <input type="text" class="form-control {{ $errors->has('domain_name') ? 'is-invalid' : '' }}" name="domain_name" placeholder="{{ __('domains.domain_name') }}" value='{{ old("domain_name", $domain->domain_name ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ __('domains.domain_url') }} </label>
                <input type="url" class="form-control {{ $errors->has('domain_url') ? 'is-invalid' : '' }}" name="domain_url" placeholder="{{ __('domains.domain_url') }}" value='{{ old("domain_url", $domain->domain_url ?? "") }}'/>
            </div>

            <div class="card col-12">
                <div class="card-body row">
                    <h5 class="card-title col-lg-12">FTP</h5>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.ftp_host') }} </label>
                        <input type="text" class="form-control {{ $errors->has('ftp_host') ? 'is-invalid' : '' }}" name="ftp_host" placeholder="{{ __('domains.ftp_host') }}" value='{{ old("ftp_host", $info['ftp_host'] ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.ftp_port') }} </label>
                        <input type="number" class="form-control {{ $errors->has('ftp_port') ? 'is-invalid' : '' }}" name="ftp_port" placeholder="{{ __('domains.ftp_port') }}" value='{{ old("ftp_port", $info['ftp_port'] ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.ftp_user') }} </label>
                        <input type="text" class="form-control {{ $errors->has('ftp_user') ? 'is-invalid' : '' }}" name="ftp_user" placeholder="{{ __('domains.ftp_user') }}" value='{{ old("ftp_user", $info['ftp_user'] ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.ftp_password') }} </label>
                        <input type="password" class="form-control {{ $errors->has('ftp_password') ? 'is-invalid' : '' }}" name="ftp_password" placeholder="{{ __('domains.ftp_password') }}" value='{{ old("ftp_password") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.ftp_password_confirmation') }} </label>
                        <input type="password" class="form-control" name="ftp_password_confirmation" placeholder="{{ __('domains.ftp_password_confirmation') }}" value='{{ old("ftp_password_confirmation") }}'/>
                    </div>
                </div>
            </div>

            <div class="card mt-5 col-12">
                <div class="card-body row">
                    <h5 class="card-title col-lg-12">DataBase</h5>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.db_host') }} </label>
                        <input type="text" class="form-control {{ $errors->has('db_host') ? 'is-invalid' : '' }}" name="db_host" placeholder="{{ __('domains.db_host') }}" value='{{ old("db_host", $info['db_host'] ?? "localhost") }}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.db_name') }} </label>
                        <input type="text" class="form-control {{ $errors->has('db_name') ? 'is-invalid' : '' }}" name="db_name" placeholder="{{ __('domains.db_name') }}" value='{{ old("db_name", $info['db_name'] ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('domains.db_user') }} </label>
                        <input type="text" class="form-control {{ $errors->has('db_user') ? 'is-invalid' : '' }}" name="db_user" placeholder="{{ __('domains.db_user') }}" value='{{ old("db_user", $info['db_user'] ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.db_password') }} </label>
                        <input type="password" class="form-control {{ $errors->has('db_password') ? 'is-invalid' : '' }}" name="db_password" placeholder="{{ __('domains.db_password') }}" value='{{ old("db_password") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.db_password_confirmation') }} </label>
                        <input type="password" class="form-control" name="db_password_confirmation" placeholder="{{ __('domains.db_password_confirmation') }}" value='{{ old("db_password_confirmation") }}'/>
                    </div>
                </div>
            </div>
            <div class="card mt-5 col-12">
                <div class="card-body row">
                    <h5 class="card-title col-lg-12">Admin Account</h5>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.username') }} </label>
                        <input type="text" class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}" name="username" placeholder="{{ __('domains.username') }}" value='{{ old("username") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.email') }} </label>
                        <input type="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" name="email" placeholder="{{ __('domains.email') }}" value='{{ old("email") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.password') }} </label>
                        <input type="password" class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" name="password" placeholder="{{ __('domains.password') }}" value='{{ old("password") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('domains.password_confirmation') }} </label>
                        <input type="password" class="form-control" name="password_confirmation" placeholder="{{ __('domains.ftp_password_confirmation') }}" value='{{ old("password_confirmation") }}'/>
                    </div>
                </div>
            </div>

            <div class="text-center mt-5 col-12">
                <button class="butn domain_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <script>
        $(document).ready(function () {
            // Orders
            $('#store_id').change(async function(){
                const store_id = $(this).val()
                const response=await ajax({
                    url: "{{route('domains.orders')}}/"+store_id,
                    // data,
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    method: 'get'
                });
                let html= "<option value='-1'>----</option>"
                if (response?.data) {

                    for (const item of response?.data) {
                        html+= `<option {{old("order_id", $domain->order_id ?? "")}} == ${item.id} ? selected : '' value="${item.id}">${item.title}</option>`
                    }
                }
                $('#order_id').html(html)
                console.log(response);
            })
            $('#store_id').trigger('change')
            //
            let formMethod = $('.domain_form input[name="_method"]');
            if (formMethod.val() === undefined){

                $('.domain_button').addClass('create_domain').attr('type', 'button')
            }

            $('.create_domain').click(async function(e) {
                e.preventDefault();

                let domainForm = $('.domain_form'),
                    form = domainForm[0],
                    formData = new FormData(form);

                const url = domainForm.attr('action');
                let data= formData;
                
                const response=await ajax({
                    url,
                    data,
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    method: domainForm.attr('method')
                });
                // console.log({ response });
                if (response.status === 0) {
                    $('.ajaxErrorResponse').html(response.message).fadeIn(500);
                    setTimeout(() => {
                        // $('.ajaxErrorResponse').fadeOut(500);
                    }, 3000);

                } else if (response.status === 1) {
                    $('.ajaxResponse').html(response.message).fadeIn(500);
                    setTimeout(() => {
                        // $('.ajaxResponse').fadeOut(500);
                        window.location.href = "{{route('domains.index')}}"
                    }, 1000);

                    if(response.url){
                        window.open(response.url, '_blank');
                    }
                }
            });


        })
    </script>
@endsection