@if( ! Request::ajax() )
@extends('layouts.app')

@section('content')

<div class="yellow-box">
    <div class="container yellow-box-container my-5">
        <div class="row">
            <div class="col d-none d-lg-block m-0 p-0">
                <div style="background-image: url('{{ asset('/images/bg-box.jpg') }}'); background-position: center; width: 100%; height: 100%;"></div>
            </div>
            <div class="col m-0 p-0">

                <div class="container m-0 p-0">
                    <div class="row justify-content-center">
                        <div class="col-md-12 m-0 p-0">
                            <div class="card">
                                <div class="card-header text-center font-size-h1 fw-bold">{!! __('home.title') !!}</div>

                                <div class="card-body p-4 px-5">
                                <form action="{{ route('user.registration.update', ['locale' => app()->getLocale(), 'id' => $id]) }}" method="POST">
                                    @csrf
                                    @method('PATCH')
                                    <input id="update" name="update" type="hidden" value="{{$update}}">
                                {{-- @dump($id) --}}
                @endif
                                    <div class="form-group mb-3">
                                        <div class="form-outline">
                                            <input id="name" type="input" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ isset($name) ? $name : old('name') }}" required autocomplete="name">
                                            <label class="form-label" for="name">{!! __('Név') !!}</label>
                                        </div>

                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{!! $message !!}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="form-group mb-3">
                                        <div class="form-outline">
                                            <input id="url" type="input" class="form-control @error('url') is-invalid @enderror" name="url" value="{{ isset($url) ? $url : old('url') }}" required autocomplete="url">
                                            <label class="form-label" for="url">{!! __('Url') !!}</label>
                                        </div>

                                        @error('url')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{!! $message !!}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="row mb-3">
                                        <div class="form-group">
                                            <select class="form-select @error('category') is-invalid @enderror" id="video_category" name="category_id">
                                                <option value="">{!! __('form.video.category.title') !!}</option>
                                                @foreach ($competition_category as $category)
                                                    <option value="{{ $category['id'] }}" @if($category['id'] == $category_id) selected @endif>{!! __($category['name']) !!}</option>
                                                @endforeach
                                            </select>
                                            @if( Request::ajax() )
                                                <span class="invalid-feedback" role="alert">
                                                    <strong></strong>
                                                </span>
                                            @else
                                                @error('category')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{!! $message !!}</strong>
                                                    </span>
                                                @enderror
                                            @endif
                                        </div>
                                    </div>

                @if( ! Request::ajax() )
                                    <div class="form-group m-0 p-0">
                                        <label class="d-block">{!! __('form.video.statement.title') !!}</label>
                                        <div class="form-check d-inline-block me-4">
                                            <input type="checkbox" class="form-check-input" id="terms" name="agreements[terms]" onclick="statement()" required>
                                            <label class="form-check-label" for="terms">{!! __('form.video.terms',['terms_url_start'=>'<a href="'.route('terms', app()->getLocale()).'" target="_blank">', 'terms_url_end'=>'</a>', 'gdpr_url_start'=>'<a href="'.route('gdpr', app()->getLocale()).'" target="_blank">', 'gdpr_url_end'=>'</a>']) !!}</label>
                                        </div>
                                        <div class="form-check d-inline-block me-4">
                                            <input type="checkbox" class="form-check-input" id="owner" name="agreements[owner]" onclick="statement()" required>
                                            <label class="form-check-label" for="owner">{!! __('form.video.owner') !!}</label>
                                        </div>
                                        <div class="form-check d-inline-block me-4">
                                            <input type="checkbox" class="form-check-input" id="rule" name="agreements[rule]" onclick="statement()" required>
                                            <label class="form-check-label" for="rule">{!! __('form.video.rule', ['url_start'=>'<a href="'.route('rules', app()->getLocale()).'" target="_blank">', 'url_end'=>'</a>']) !!}</label>
                                        </div>
                                        <div class="form-check d-inline-block me-4">
                                            <input type="checkbox" class="form-check-input" id="promotion" name="agreements[promotion]" onclick="statement()" required>
                                            <label class="form-check-label" for="promotion">{!! __('form.video.promotion') !!}</label>
                                        </div>
                                    </div>

                                    <div class="row mt-2 mb-0">
                                        <div class="col-md-12">
                                            <button id="submit" type="submit" class="btn btn-primary w-100" disabled>
                                                {!! __('button.go') !!}
                                            </button>
                                        </div>
                                    </div>
                                </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


@push('scripts')
<script>
$(document).ready( function () {
    window.statement = function() {
        if($('#terms').prop('checked') && $('#owner').prop('checked') && $('#rule').prop('checked') && $('#promotion').prop('checked'))
            $('#submit').attr('disabled', false)
        else 
            $('#submit').attr('disabled', true)
    }

    // Load Subscribe Data
    if (getCookie('subscribeData')) {
        loadSubscribeData();
    }
});
</script>
@endpush
@endsection
@endif