@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)
                @method('PUT')
            @endif
            @csrf

            <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>
            @if(!@$domain)
                <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("password_confirmation") }}'/>
                </div>
            @endif

            <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>


            @if( count($modules) >= 1 )
                <div class="form-group col-lg-12">
                    <label>{{ __('domains.modules') }} </label>
                    <div class="clearfix"></div>
                    <div class="row">
                        @foreach($modules as $key=> $row)
                            <div class="col-sm-4">
                                <div class="custom-control custom-checkbox">
                                    <input data-hint="{{$row['id'] == '8' || $row['id'] == '9' ? 'true' : 'false'}}" type="checkbox" {{ in_array($row['id'], $domain_modules) ? 'checked' : '' }} value="{{ $row['id'] }}" class="custom-control-input" id="module_{{ $key }}" name="modules[]">
                                    <label class="custom-control-label" for="module_{{ $key }}"> {{ $row->name }} </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            <div class="mt-5 col-12 crone_job_hint d-none">
                <div class="alert alert-warning">
                    <p><i class="fas fa-lightbulb text-warning"></i> /usr/local/bin/php <b>PATH_TO_ROOT_DIRECTORY</b>/artisan queue:work --daemon --stop-when-empty</p>
                    <p><i class="fas fa-lightbulb text-warning"></i> /usr/local/bin/php <b>PATH_TO_ROOT_DIRECTORY</b>/artisan queue:retry all</p>
                    <p><i class="fas fa-lightbulb text-warning"></i> And set the period value in each time filed to *</p>
                    <p><i class="fas fa-lightbulb text-warning"></i> Replace "<b>PATH_TO_ROOT_DIRECTORY</b>" to the path to the root of the new website</p>
                    <p><i class="fas fa-lightbulb text-warning"></i> EX: /home/username/public_html</p>
                </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 () {
            let formMethod = $('.domain_form input[name="_method"]');
            if (formMethod.val() === undefined){
                $('.domain_button').addClass('create_domain')
            }

            $('.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')
                });

                if (response.status === 0) {
                    $('.ajaxErrorResponse').html(response.message).fadeIn(500);
                    setTimeout(() => {
                        $('.ajaxErrorResponse').fadeOut(500);
                    }, 3000);

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

                    window.open(response.url);
                }
            });

            let modules = $('input[name="modules[]"]'),
                crone_job_hint = $('.crone_job_hint');
            modules.each(function () {
                if ($(this).val() === '10'){
                    $(this).prop('checked', true);
                }
            });

            modules.click(function () {
                if ($(this).val() === '10'){
                    $(this).prop('checked', true);
                    return false
                }

                if ($(this).data('hint') === true){
                    crone_job_hint.toggleClass('d-none ' + $(this).val())
                }

                if (crone_job_hint.hasClass('8') || crone_job_hint.hasClass('9')){
                    crone_job_hint.removeClass('d-none');
                }

            });

        })
    </script>
@endsection