@extends('backend.template.index')
@section('title', 'Profil ' . subdomain())

@push('css-after')
    <link href="{{ url('vendors/summernote/summernote.min.css') }}" rel=" stylesheet">
@endpush
@push('script-after')
    <script src="{{ url('vendors/summernote/summernote.min.js') }}"></script>
    <script>
        $('.body').summernote({
            height: 300
        });
    </script>
@endpush

@section('content')

    <div id="accordion">
        <div class="card shadow">
            <div class="card-header shadow bg-success rounded py-1" id="headingVisiMisi">
                <h5 class="mb-0">
                    <button class="btn btn-success btn-block" data-toggle="collapse" data-target="#collapseVisiMisi"
                        aria-expanded="true" aria-controls="collapseVisiMisi">
                        Visi & Misi
                    </button>
                </h5>
            </div>

            <div id="collapseVisiMisi" class="collapse" aria-labelledby="headingVisiMisi" data-parent="#accordion">
                <div class="card-body">
                    @if ($visiMisi)
                        <form action="{{ route('profile.visi_misi_update', [subdomain(), $visiMisi->id]) }}"
                            method="POST">
                            @csrf
                            @method('PATCH')
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! $visiMisi->body !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @else
                        <form action="{{ route('profile.visi_misi_store', subdomain()) }}" method="POST">
                            @csrf
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! old('body') !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
        <div class="card shadow">
            <div class="card-header bg-success shadow rounded py-1" id="headingTupoksi">
                <h5 class="mb-0">
                    <button class="btn btn-success btn-block" data-toggle="collapse" data-target="#collapseTupoksi"
                        aria-expanded="false" aria-controls="collapseTupoksi">
                        Tupoksi
                    </button>
                </h5>
            </div>
            <div id="collapseTupoksi" class="collapse" aria-labelledby="headingTupoksi" data-parent="#accordion">
                <div class="card-body">
                    @if ($tupoksi)
                        <form action="{{ route('profile.tupoksi_update', [subdomain(), $tupoksi->id]) }}" method="POST">
                            @csrf
                            @method('PATCH')
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! $tupoksi->body !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @else
                        <form action="{{ route('profile.tupoksi_store', subdomain()) }}" method="POST">
                            @csrf
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! old('body') !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
        <div class="card shadow">
            <div class="card-header bg-success shadow rounded py-1" id="headingSejarahPembentukan">
                <h5 class="mb-0">
                    <button class="btn btn-success btn-block" data-toggle="collapse"
                        data-target="#collapseSejarahPembentukan" aria-expanded="false"
                        aria-controls="collapseSejarahPembentukan">
                        Sejarah Pembentukan
                    </button>
                </h5>
            </div>
            <div id="collapseSejarahPembentukan" class="collapse" aria-labelledby="headingSejarahPembentukan"
                data-parent="#accordion">
                <div class="card-body">
                    @if ($sejarahPembentukan)
                        <form
                            action="{{ route('profile.sejarah_pembentukan_update', [subdomain(), $sejarahPembentukan->id]) }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PATCH')
                            <img src="{{ url('storage') . '/' . $sejarahPembentukan->image }}" width="100%" height="250vh"
                                class="rounded" alt="">
                            <div class="form-group">
                                <label for="image">Gambar Kantor</label>
                                <input type="file" class="form-control-file" name="image" id="image" placeholder="">
                                <small class="text-danger">Abaikan form ini jika tidak ingin merubah gambar
                                    kantor.</small>
                            </div>
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! $sejarahPembentukan->body !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @else
                        <form action="{{ route('profile.sejarah_pembentukan_store', subdomain()) }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="image">Gambar Kantor</label>
                                <input type="file" class="form-control-file" name="image" id="image" placeholder="">
                            </div>
                            <textarea name="body" id="body" class="body" cols="30" rows="10">{!! old('body') !!}</textarea>
                            <button class="btn btn-primary mt-3">
                                <i class="fas fa-save fa-fw"></i>
                                Simpan
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
        <div class="card shadow">
            <div class="card-header bg-success shadow rounded py-1" id="headingOrganization">
                <h5 class="mb-0">
                    <button class="btn btn-success btn-block" data-toggle="collapse" data-target="#collapseOrganization"
                        aria-expanded="false" aria-controls="collapseOrganization">
                        Struktur Organisasi
                    </button>
                </h5>
            </div>
            <div id="collapseOrganization" class="collapse" aria-labelledby="headingOrganization"
                data-parent="#accordion">
                <div class="card-body">
                    <form
                        action="{{ !$organisasi ? route('profile.organizations_store', subdomain()) : route('profile.organizations_update', [subdomain(), $organisasi->id]) }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @if ($organisasi)
                            @method('PATCH')
                        @endif
                        <div class="form-group">
                            <label for="image">Struktur Organisasi (PNG,JPEG,JPG)</label>
                            <input type="file" class="form-control-file" name="image" id="image">
                            @if ($organisasi)
                                <small class="text-danger">Input ulang jika ingin mengubah Struktur Organisasi</small>
                            @endif
                        </div>
                        <button class="btn btn-primary rounded">
                            <i class="fas fa-save fa-fw"></i>
                            Simpan
                        </button>
                    </form>
                    @if ($organisasi)
                        <img src="{{ url('storage') . '/' . $organisasi->image }}" class="mt-4 rounded" width="100%"
                            height="500vh" alt="">
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection