@extends('layouts.administrator.master')

@section('title')
    Form Keanggotaan Perusahaan
@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 Perusahaan Pertapindo') }}</h3>
                    <p>{{ __('Kelola data keanggotaan perseorangan') }}</p>
                </div>
            </div>
        </div>
        <div class="nk-block nk-block-lg">
            <div class="card card-preview">
                <div class="card-inner">
                    <ul class="nav nav-tabs mt-n3" role="tablist">
                        <li class="nav-item" role="presentation"><a class="nav-link active" data-bs-toggle="tab"
                                href="#tabItem5" aria-selected="true" role="tab"><em
                                    class="icon ni ni-user"></em><span>Data Perusahaan</span></a></li>
                        <li class="nav-item" role="presentation"><a class="nav-link" data-bs-toggle="tab" href="#tabItem6"
                                aria-selected="false" tabindex="-1" role="tab"><em
                                    class="icon ni ni-lock-alt"></em><span>Produk</span></a></li>
                        {{-- <li class="nav-item" role="presentation"><a class="nav-link" data-bs-toggle="tab" href="#tabItem9"
                                aria-selected="false" tabindex="-1" role="tab"><em
                                    class="icon ni ni-lock-alt"></em><span>Katalog</span></a></li> --}}
                        <li class="nav-item" role="presentation"><a class="nav-link" data-bs-toggle="tab" href="#tabItem7"
                                aria-selected="false" tabindex="-1" role="tab"><em
                                    class="icon ni ni-bell"></em><span>Sertifikat</span></a></li>
                        <li class="nav-item" role="presentation"><a class="nav-link" data-bs-toggle="tab" href="#tabItem8"
                                aria-selected="false" tabindex="-1" role="tab"><em
                                    class="icon ni ni-link"></em><span>Penghargaan</span></a></li>
                        <li class="nav-item" role="presentation"><a class="nav-link" data-bs-toggle="tab" href="#tabItem10"
                                aria-selected="false" tabindex="-1" role="tab"><em
                                    class="icon ni ni-link"></em><span>Kode Etik</span></a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tabItem5" role="tabpanel">
                            <div class="mx-auto w-50 mb-4">
                                <label for="">{{ __('Logo Perusahaan') }}</label>
                                <input class="filepond form-control"
                                    data-url="{{ route('api.admin.upload', ['path' => 'profile']) }}" data-toset="image"
                                    data-path="profile">
                                <input type="hidden" name="image">
                            </div>

                            <div class="form-group mb-3">
                                <label class="mb-1">{{ __('Nama Perusahaan') }}</label>
                                <input type="text" class="form-control">
                            </div>
                            <div class="row">
                                <div class="col-12 col-lg-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Kategori Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Perusahaan') }}</label>
                                        <textarea type="text" class="form-control" placeholder="Jalan, Kota, Provinsi, Negara"></textarea>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Email Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('No Telp Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Alamat Perusahaan') }}</label>
                                        <textarea type="text" class="form-control" placeholder="Jalan, Kota, Provinsi, Negara"></textarea>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Instagram') }}</label>
                                        <input type="text" 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="text" 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="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Website') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Sertifikasi Perusahaan (Opsional)') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Penghargaan Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Produk Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Produk/Jasa') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Produk/Jasa') }}</label>
                                        <textarea type="text" class="form-control" placeholder="Jalan, Kota, Provinsi, Negara"></textarea>
                                    </div>
                                </div>

                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Katalog Profil Perusahaan') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Link Video Profil Perusahaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama PIC') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Jabatan PIC') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Kontak PIC') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem6" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem6" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Produk/Jasa') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem9" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Katalog') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Katalog') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 ">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Foto Katalog') }}</label>
                                        <input type="file" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem7" role="tabpanel">
                            <div class="row">
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Sertifikasi') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </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>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem8" role="tabpanel">
                            <div class="row">
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Nama Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-9">
                                    <div class="form-group mb-3">
                                        <label class="mb-1">{{ __('Deskripsi Penghargaan') }}</label>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="mx-auto mt-4 text-end">
                                    <button class="btn btn-primary me-2">{{ __('Selesai') }}</button>
                                    {{-- <a href="{{ route('dashboard') }}"
                                    class="btn btn-outline-primary">{{ __('Cancel') }}</a> --}}
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabItem10" role="tabpanel">
                            <div class="row">
                                <h3>Kode Etik</h3>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae illo quam at, molestiae
                                    molestias maiores! Voluptatem soluta magni adipisci. Aliquid dolorum voluptatibus
                                    delectus provident ratione assumenda beatae fugit, reiciendis enim.</p>
                                <div class="col-12">
                                    <ul class="custom-control-group g-3 align-center flex-wrap">
                                        <li>
                                            <div class="custom-control custom-radio ">
                                                <input type="checkbox" class="custom-control-input" name="ethic"
                                                    id="reg-enable" required>
                                                <label class="custom-control-label" for="reg-enable">Kami telah membaca
                                                    kode etik
                                                    ini dan sebagai anggota Pertapindo kami akan mentaatinya tanpa paksaan
                                                    dari
                                                    pihak
                                                    manapun.</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="mx-auto mt-4 text-end">
                                    <button class="btn btn-primary me-2">{{ __('Selesai') }}</button>
                                    {{-- <a href="{{ route('dashboard') }}"
                                    class="btn btn-outline-primary">{{ __('Cancel') }}</a> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection