@extends('layouts.administrator.master')

@section('title')
    Form Keanggotaan Contributor
@endsection
@section('content')
    <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">{{ __('Formulir Keanggotaan Collaborator Pertapindo') }}</h3>
                    <p>{{ __('Kelola data keanggotaan collaborator') }}</p>
                </div>
            </div>
        </div>
        <div class="nk-block nk-block-lg">
            <div class="card card-preview">
                <div class="card-inner">
                    @include('pages.registration.collaborator._navbar')
                    <div class="tab-content">
                        <form
                            action="{{ route('services.membership.registration.collaborator.store', ['no_reg' => $registration->no_reg]) }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label class="form-label" for="customFileLabel">Foto Profil <span
                                        class="text-danger">(Format
                                        png.jpg dan Max
                                        512KB)</span></label>
                                <div class="form-control-wrap text-center">
                                    @if (isset($registration->photo))
                                        <img id="logoOutputLogoC"
                                            src="{{ asset('uploads/membership/collaborator/' . $registration->no_reg . '/logo/' . $registration->photo) }}"
                                            alt="" height="200" width="200" class="rounded rounded-full "
                                            style="object-fit: cover;">
                                    @else
                                        <img id="logoOutputLogoC" src="{{ asset('') }}landing/img/noimage.png"
                                            alt="" height="200" width="200" class="rounded rounded-full "
                                            style="object-fit: cover;">
                                    @endif
                                    <div class="form-file pt-2">
                                        <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                            id="customFile"
                                            onchange="document.getElementById('logoOutputLogoC').src = window.URL.createObjectURL(this.files[0])"
                                            name="photo">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mb-3">
                                <label class="mb-1">{{ __('Nama Lengkap') }}</label>
                                <input type="text" class="form-control" name="full_name"
                                    value="{{ isset($registration->full_name) ? $registration->full_name : old('full_name') }}">
                            </div>
                            <div class="row">

                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Email') }}</label>
                                        <input type="email" class="form-control" name="email"
                                            value="{{ isset($registration->email) ? $registration->email : old('email') }}">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('No Telp') }}</label>
                                        <input type="number" class="form-control" name="contact"
                                            value="{{ isset($registration->contact) ? $registration->contact : old('contact') }}">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Alamat') }}</label>
                                        <textarea type="text" name="address" class="form-control" placeholder="Jalan, Kota, Provinsi, Negara">{{ isset($registration->address) ? $registration->address : old('address') }}</textarea>
                                    </div>
                                </div>

                                <br><br>

                                <br><br>

                                <br><br>
                                <label class="form-label">Perusahaan</label>

                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Perusahaan/Lembaga') }}</label>
                                        <input type="text" class="form-control" name="name_company"
                                            value="{{ isset($registration->name_company) ? $registration->name_company : old('name_company') }}">
                                    </div>
                                </div>
                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Jabatan') }}</label>
                                        <input type="text" class="form-control" name="position"
                                            value="{{ isset($registration->position) ? $registration->position : old('position') }}">
                                    </div>
                                </div>
                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Tujuan ingin menjadi collaborator PERTAPINDO') }}</label>
                                        <input type="text" class="form-control" name="objective"
                                            value="{{ isset($registration->objective) ? $registration->objective : old('objective') }}">
                                    </div>
                                </div>

                                <label class="form-label">Contoh Pengsian : (
                                    <span class="text-primary">https://pertapindo.com</span>)
                                </label>
                                @if (isset($registration->social_media))
                                    @foreach (json_decode($registration->social_media) as $key => $value)
                                        <div class="col-12 col-lg-3">
                                            <div class="form-group mb-3">
                                                <label class="mb-1">{{ __('Instagram') }}</label>
                                                <input type="url" name="instagram" class="form-control"
                                                    value="{{ isset($value->instagram) ? $value->instagram : old('instagram') }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <div class="form-group mb-3">
                                                <label class="mb-1">{{ __('Facebook') }}</label>
                                                <input type="url" name="facebook" class="form-control"
                                                    value="{{ isset($value->facebook) ? $value->facebook : old('facebook') }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <div class="form-group mb-3">
                                                <label class="mb-1">{{ __('LinkedIn') }}</label>
                                                <input type="url" name="linkedin" class="form-control"
                                                    value="{{ isset($value->linkedin) ? $value->linkedin : old('linkedin') }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <div class="form-group mb-3">
                                                <label class="mb-1">{{ __('Tiktok') }}</label>
                                                <input type="url" name="tiktok" class="form-control"
                                                    value="{{ isset($value->tiktok) ? $value->tiktok : old('tiktok') }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-12">
                                            <div class="form-group mb-3">
                                                <label class="mb-1">{{ __('Website') }}</label>
                                                <input type="url" name="website" class="form-control"
                                                    value="{{ isset($value->website) ? $value->website : old('website') }}">
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="col-12 col-lg-3">
                                        <div class="form-group mb-3">
                                            <label class="mb-1">{{ __('Instagram') }}</label>
                                            <input type="url" name="instagram" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                        <div class="form-group mb-3">
                                            <label class="mb-1">{{ __('Facebook') }}</label>
                                            <input type="url" name="facebook" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                        <div class="form-group mb-3">
                                            <label class="mb-1">{{ __('LinkedIn') }}</label>
                                            <input type="url" name="linkedin" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                        <div class="form-group mb-3">
                                            <label class="mb-1">{{ __('Tiktok') }}</label>
                                            <input type="url" name="tiktok" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-12">
                                        <div class="form-group mb-3">
                                            <label class="mb-1">{{ __('Website') }}</label>
                                            <input type="url" name="website" class="form-control">
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="mx-auto mt-4 text-end">
                                <button class="btn btn-primary me-2">{{ __('Selanjutnya') }}</button>
                                {{-- <a href="{{ route('dashboard') }}"
                                    class="btn btn-outline-primary">{{ __('Cancel') }}</a> --}}
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection