@extends('layouts.master')
@section('title')
    Keanggotaan
@endsection

@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Pendaftaran keanggotaan
                    </h3>
                    <div class="nk-block-des">
                        <p>Pendaftaran menjadi anggota Aspaki
                        </p>
                    </div>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('dashboard') }}" class="btn btn-primary btn-sm"><em class="icon ni ni-arrow-left"></em>
                        Kembali</a>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-bordered">
            <!-- .nav-tabs -->
            <div class="card-inner card-inner-lg">
                <div class="nk-block">

                    <form
                        action="{{ route('services.registration.membership.store', ['user_id' => Crypt::encryptString(Auth::user()->id)]) }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label class="form-label" for="customFileLabel">Logo (200x200)</label>
                            <div class="form-control-wrap text-center">
                                <img id="logoOutput" width="200" height="200"
                                    src="{{ isset($membership->logo) && $membership->logo ? url('/uploads/landing-page/membership/images/' . $membership->logo) : Helper::getUrlImage() . '/200x200.png?text=200x200' }}"
                                    alt="">
                                <div class="form-file pt-2">
                                    <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                        id="customFile"
                                        onchange="document.getElementById('logoOutput').src = window.URL.createObjectURL(this.files[0])"
                                        name="logo"
                                        {{ isset($membership->logo) && $membership->logo ? '' : 'required' }}>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <input type="text" class="form-control form-control-outlined" name="name"
                                    value="{{ old('name') ?? (isset($membership->name) ? $membership->name : '') }}">
                                <label class="form-label-outlined" for="outlined-default">
                                    Nama perusahaan <span class="text-danger">*</span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="card card-bordered">
                                <textarea name="description" class="form-control form-control-outlined" placeholder="Deskripsi perusahaan">{{ old('description') ?? (isset($membership->description) ? $membership->description : '') }}</textarea>
                                <label class="form-label-outlined" for="outlined-right-icon">
                                    Deskripsi perusahaan <span class="text-danger">*</span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <input type="text" class="form-control form-control-outlined" name="certification"
                                    value="{{ old('certification') ?? (isset($membership->certification) ? $membership->certification : '') }}">
                                <label class="form-label-outlined" for="outlined-default">Sertifikasi</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="card card-bordered">
                                <textarea name="address" class="form-control form-control-outlined" placeholder="Alamat">{{ old('address') ?? (isset($membership->address) ? $membership->address : '') }}</textarea>
                                <label class="form-label-outlined" for="outlined-right-icon">
                                    Alamat
                                </label>
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_contact_1"
                                            value="{{ old('name_contact_1') ?? (isset($membership->name_contact_1) ? $membership->name_contact_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Nama kontak 1</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="email" class="form-control form-control-outlined" name="email_1"
                                            value="{{ old('email_1') ?? (isset($membership->email_1) ? $membership->email_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Email kontak 1</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined" name="phone_1"
                                            value="{{ old('phone_1') ?? (isset($membership->phone_1) ? $membership->phone_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">No telepon kontak
                                            1</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined" name="department_1"
                                            value="{{ old('department_1') ?? (isset($membership->department_1) ? $membership->department_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Departemen kontak
                                            1</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_contact_2"
                                            value="{{ old('name_contact_2') ?? (isset($membership->name_contact_2) ? $membership->name_contact_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Nama kontak 2</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="email" class="form-control form-control-outlined" name="email_2"
                                            value="{{ old('email_2') ?? (isset($membership->email_2) ? $membership->email_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Email kontak 2</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined" name="phone_2"
                                            value="{{ old('phone_2') ?? (isset($membership->phone_2) ? $membership->phone_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">No telepon kontak
                                            2</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="department_2"
                                            value="{{ old('department_2') ?? (isset($membership->department_2) ? $membership->department_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">Departemen kontak
                                            2</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row py-3">
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 1</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_1"
                                            value="{{ old('name_image_1') ?? (isset($membership->name_image_1) ? $membership->name_image_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_1"
                                            value="{{ old('url_image_1') ?? (isset($membership->url_image_1) ? $membership->url_image_1 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput1"
                                            src="{{ isset($membership->image_1) && $membership->image_1 ? url('/uploads/landing-page/membership/images/' . $membership->image_1) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput1').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_1">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 2</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_2"
                                            value="{{ old('name_image_2') ?? (isset($membership->name_image_2) ? $membership->name_image_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_2"
                                            value="{{ old('url_image_2') ?? (isset($membership->url_image_2) ? $membership->url_image_2 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput2"
                                            src="{{ isset($membership->image_2) && $membership->image_2 ? url('/uploads/landing-page/membership/images/' . $membership->image_2) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput2').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_2">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 3</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_3"
                                            value="{{ old('name_image_3') ?? (isset($membership->name_image_3) ? $membership->name_image_3 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_3"
                                            value="{{ old('url_image_3') ?? (isset($membership->url_image_3) ? $membership->url_image_3 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput3"
                                            src="{{ isset($membership->image_3) && $membership->image_3 ? url('/uploads/landing-page/membership/images/' . $membership->image_3) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput3').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_3">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row py-3">
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 4</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_4"
                                            value="{{ old('name_image_4') ?? (isset($membership->name_image_4) ? $membership->name_image_4 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_4"
                                            value="{{ old('url_image_4') ?? (isset($membership->url_image_4) ? $membership->url_image_4 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput4"
                                            src="{{ isset($membership->image_4) && $membership->image_4 ? url('/uploads/landing-page/membership/images/' . $membership->image_4) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput4').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_4">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 5</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_5"
                                            value="{{ old('name_image_5') ?? (isset($membership->name_image_5) ? $membership->name_image_5 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_5"
                                            value="{{ old('url_image_5') ?? (isset($membership->url_image_5) ? $membership->url_image_5 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput5"
                                            src="{{ isset($membership->image_5) && $membership->image_5 ? url('/uploads/landing-page/membership/images/' . $membership->image_5) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput5').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_5">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="form-label" for="customFileLabel">Gambar 6</label>
                                    <div class="form-control-wrap mb-2">
                                        <input type="text" class="form-control form-control-outlined"
                                            name="name_image_6"
                                            value="{{ old('name_image_6') ?? (isset($membership->name_image_6) ? $membership->name_image_6 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            Nama
                                        </label>
                                    </div>
                                    <div class="form-control-wrap mb-2">
                                        <input type="url" class="form-control form-control-outlined"
                                            name="url_image_6"
                                            value="{{ old('url_image_6') ?? (isset($membership->url_image_6) ? $membership->url_image_6 : '') }}">
                                        <label class="form-label-outlined" for="outlined-default">
                                            URL
                                        </label>
                                    </div>
                                    <div class="form-control-wrap text-center">
                                        <img id="logoOutput6"
                                            src="{{ isset($membership->image_6) && $membership->image_6 ? url('/uploads/landing-page/membership/images/' . $membership->image_6) : Helper::getUrlImage() . '/400x265.png?text=Your+product' }}"
                                            alt="">
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('logoOutput6').src = window.URL.createObjectURL(this.files[0])"
                                                name="image_6">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <input type="text" class="form-control form-control-outlined" name="catalog"
                                    value="{{ old('catalog') ?? (isset($membership->catalog) ? $membership->catalog : '') }}">
                                <label class="form-label-outlined" for="outlined-default">Tautan katalog</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <input type="text" class="form-control form-control-outlined" name="website"
                                    value="{{ old('website') ?? (isset($membership->website) ? $membership->website : '') }}">
                                <label class="form-label-outlined" for="outlined-default">Website</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <select name="category_product_id" class="form-select form-control-outlined js-select2"
                                    data-placeholder="Pilih kategori produk" data-search="on">
                                    <option value=""></option>
                                    @foreach ($categoryProduct as $key => $value)
                                        <option value="{{ $value->id }}"
                                            {{ old('category_product_id') == $value->id || (isset($membership->category_product_id) && $value->id == $membership->category_product_id) ? 'selected' : '' }}>
                                            {{ $value->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <select name="region_id" class="form-select form-control-outlined js-select2"
                                    data-placeholder="Pilih Wilayah" data-search="on">
                                    <option value=""></option>
                                    @foreach ($region as $key => $value)
                                        <option value="{{ $value->id }}"
                                            {{ old('region_id') == $value->id || (isset($membership->region_id) && $value->id == $membership->region_id) ? 'selected' : '' }}>
                                            {{ $value->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-control-wrap">
                                <span type="text" class="form-control form-control-outlined">
                                    {{ Auth::user()->name }}</span>
                            </div>
                        </div>
                        @if (empty($membership))
                            <input type="text" name="proses" value="create" hidden>
                        @else
                            <input type="text" name="proses" value="edit" hidden>
                        @endif
                        <div class="text-end">
                            <button class="btn btn-primary" type="submit">Simpan</button>
                        </div>
                    </form>
                </div><!-- .nk-block -->
            </div><!-- .card-inner -->
        </div><!-- .card -->
    </div><!-- .nk-block -->
@endsection