@extends('layouts.landing')

@section('content-landing')

<!-- content begin -->
<div id="content" class="no-bottom no-top">


    <!-- section begin -->
    <section id="section-register">

        <div class="wm wm-border light wow fadeInDown">register</div>
        <div class="container">
            <div class="row">
                <div class="col-md-6 offset-md-3 text-justify wow fadeInUp">
                    
                    <h1>Registrasi Ulang</h1>
                    <div class="separator"><span><i class="fa fa-square"></i></span></div>
                    <h4 class="text-center">Syarat dan Ketentuan</h4>
                    <ol>
                        <li class="mb-1">Setiap peserta wajib mengirimkan satu foto hasil karya sendiri yang akan dibahas dalam acara oleh Muhammad Fadli (Speaker).</li>
                        <li class="mb-1">Peserta harus mengisi formulir registrasi ulang.</li>
                        <li class="mb-1">Pembayaran Deposit ke Rek BCA 5271111771 a.n MEGA PUTRI HAFIFAH (Refund/pengembalian deposit akan dilakukan saat pendaftaran ulang pada hari acara).</li>
                        <li class="mb-1">Peserta yang hadir dapat mencoba produk  FUJIFILM GFX (Touch & Try) dan diwajibkan membawa SD card (kartu memori) pribadi.</li>
                    </ol>
                    <div class="separator"><span><i class="fa fa-square"></i></span></div>
                    <div class="spacer-single"></div>
                   
                </div>

                <div class="col-md-8 offset-md-2 wow fadeInUp">
                    <form name="contactForm" id='contact_form' method="post" action='{{route('last.register')}}' enctype="multipart/form-data">
                        @csrf
                        @if (session('status'))
                        <div class="alert alert-success alert-dismissible text-dark" role="alert">
                            <span class="text-sm">{{ Session::get('status') }}</span>
                            <button type="button" class="btn-close text-lg py-3 opacity-10" data-bs-dismiss="alert"
                                aria-label="Close">
                            </button>
                        </div>
                        @endif
                        @if($submit->status == "submited")
                        <div class="text-center">
                            Terimakasih, Kamu sudah melakukan registrasi ulang
                        </div>
                        @else
                        <div class="row">
                            <div class="col-md-12">

                                <div>
                                    @error('name')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <label for="name">Nama Lengkap</label>
                                    <input type='text' name='name' id='name' class="form-control"
                                        placeholder="Nama Lengkap *"
                                        value='{{ old("name", $submit->name) }}' disabled>
                                </div>
<!-- 
                                <div>
                                    @error('address')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <textarea name="address" id="address" class="form-control" placeholder="Alamat *" disabled>{{ old('address', $submit->address) }}</textarea>
                                </div>

                                <div>
                                    @error('born_date')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <div class="row">
                                        <div class="col-md-2">
                                            <label for="born_date">Tanggal Lahir</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input type='date' name='born_date' id='born_date' class="form-control mb-3"
                                                value='{{ old("born_date", $submit->born_date) }}' disabled>
                                        </div>
                                    </div>
                                </div>

                                <div>
                                    {{-- <span><small class="text-danger">* Nomor harus diawal kode negara (62)</small></span> --}}
                                    @error('phone')
                                    <span class='text-danger inputerror'></br>{{ $message }} </span>
                                    @enderror
                                    <span class="text-danger phonevalid">Format phone belum sesuai</span>

                                    <div class="row">
                                        <div class="col-lg-2 col-md-4 col-sm-4">
                                            <select name="prefix" id="prefix" class="form-control" disabled>

                                                <option value="62" Selected>Indonesia (+62)</option>
                                                <optgroup label="Other countries">
                                                    <option value="61">Australia (+61)</option>
                                                    <option value="673">Brunei (+673)</option>
                                                    <option value="855">Cambodia (+855)</option>
                                                    <option value="856">Laos (+856)</option>
                                                    <option value="60">Malaysia (+60)</option>
                                                    <option value="95">Myanmar (+95)</option>
                                                    <option value="63">Philippines (+63)</option>
                                                    <option value="65">Singapore (+65)</option>
                                                    <option value="66">Thailand (+66)</option>
                                                    <option value="1">USA (+1)</option>
                                                    <option value="84">Vietnam (+84)</option>
                                                    <option value="44">UK (+44)</option>
                                                </optgroup>
                                            </select>
                                        </div>
                                        <div class="col-lg-10 col-md-8 col-sm-8">

                                            <input type='text' name='phone' id='phone' class="form-control"
                                                placeholder="Nomor Telepon * (812345678)"
                                                value='{{ old("phone", $submit->phone) }}' disabled>
                                        </div>
                                    </div>


                                </div> -->
                                <div>
                                    @error('email')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <label for="email">Email</label>
                                    <span class="text-danger emailvalid">Format email belum sesuai</span>
                                    <input type='text' name='email' id='email' class="form-control"
                                        placeholder="Alamat Email (Mohon Ditulis Dengan Benar) *"
                                        value='{{ old("email", $submit->email) }}' readonly>
                                </div>

                                <!-- <div>
                                    @error('instagram')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <input type='text' name='instagram' id='instagram' class="form-control"
                                        placeholder="Instagram ID kamu ( Tanpa @) *"
                                        value='{{ old("instagram", $submit->instagram) }}' disabled>
                                </div>

                                <div>
                                    @error('url_portfolio')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <input type='text' name='url_portfolio' id='url_portfolio' class="form-control"
                                        placeholder="Url Portfolio *"
                                        value='{{ old("url_portfolio", $submit->url_portfolio) }}' disabled>
                                </div>
                                <div>
                                    @error('motivation')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <textarea placeholder="Ceritakan Motivasi dan Apa yang ingin kamu dapatkan dari Event workshop ini" class="form-control" name="motivation" id="motivation"  disabled>{{ old("motivation", $submit->motivation) }}'</textarea>
                                </div> -->

                                <div>
                                    @error('gear')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <label for="email">Kamera yang digunakan *</label>
                                    <input type='text' name='gear' id='gear' class="form-control"
                                        placeholder=""
                                        value='{{ old("gear", $submit->gear) }}' required>
                                </div>

                                <div>
                                    @error('category')
                                    <span class='text-danger inputerror'>{{ $message }} </span>
                                    @enderror
                                    <label for="email">Genre Fotografi *</label>
                                    <input type='text' name='category' id='category' class="form-control"
                                        placeholder=""
                                        value='{{ old("category", $submit->category) }}' required>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div>
                                            @error('photo_portfolio')
                                            <span class='text-danger inputerror'>{{ $message }} </span>
                                            @enderror
                                            <label for="photo_id">Link Photo *</label>
                                            <input type='file' name='photo_portfolio' id='photo_portfolio' class="form-control"
                                                placeholder="ID Photo *"
                                                value='{{ old("photo_portfolio") }}'
                                                required>
                                                <small>* Maks 2Mb, Format:Png,Jpg,Jpeg</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div>
                                            @error('payment')
                                            <span class='text-danger inputerror'>{{ $message }} </span>
                                            @enderror
                                            <label for="photo_id">Bukti Pembayaran *</label>
                                            <input type='file' name='payment' id='payment' class="form-control"
                                                placeholder="ID Photo *"
                                                value='{{ old("payment") }}'
                                                required>
                                                <small>* Maks 2Mb, Format:Png,Jpg,Jpeg</small>

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


                                <div class="mt-3">
                                    <input type="checkbox" name='tnc' id='tnc' unchecked required>
                                    <span>Saya telah membaca dan menyetujui <a target="__blank"
                                            href="{{route('tnc')}}"><u>Syarat dan Ketentuan dan Kebijakan
                                                Privasi</u></a></span>
                                </div>

                            </div>

                            <div class="col-md-12 text-center mt-5">
                                <button type="submit" class="btn btn-secondary disabled" id="btnSubmitRegister">
                                    Submit
                                </button>
                            </div>
                        </div>
                        @endif
                    </form>
                </div>


            </div>
        </div>

    </section>
    <!-- section close -->


</div>
<!-- section close -->
@endsection
@push('after-script')
<script>
    $("#tnc").on('click', function() {
        $("#btnSubmitRegister").toggleClass('disabled');
    })
    $(".emailvalid").hide()
    $(".phonevalid").hide()

    $("#email").on('input', function() {
        let input = this.value
        var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
        if (input.match(mailformat)) {
            $('#email').focus();
            $(".emailvalid").hide()
            return true;
        } else {
            $(".emailvalid").show()
        }
    })

    $("#phone").on('input', function() {
        let input = this.value
        var phoneformat = /\d{10}/;
        if (input.match(phoneformat)) {
            $('#phone').focus();
            $(".phonevalid").hide()
            return true;
        } else {
            $(".phonevalid").show()
        }
    })
</script>

@endpush