@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn bg-gradient-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->edit == '1')
                            <a class="btn bg-gradient-info mb-0" href="{{ url($url_menu . '/edit/' . encrypt($list->id)) }}">
                                <i class="fas fa-pen me-1"></i>
                                <span class="font-weight-bold">Edit</span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Detail {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">

                        <div class="row">

                            <div class="row">
                                {{-- Jenis Rekening --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Jenis</label>
                                        <p class="form-control-static">
                                            {{ $list->jenis ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Bank --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Bank</label>
                                        <p class="form-control-static">
                                            {{ $list->bank_nama ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Vendor / Nama Pemilik --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        @if ($list->jenis == 'Vendor')
                                            <label class="form-control-label">Vendor</label>
                                            <p class="form-control-static">
                                                {{ $list->vendor_nama ?: '-' }}
                                            </p>
                                        @else
                                            <label class="form-control-label">Nama Pemilik</label>
                                            <p class="form-control-static">
                                                {{ $list->nama_pemilik ?: '-' }}
                                            </p>
                                        @endif
                                    </div>
                                </div>

                                {{-- No Rekening --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">No Rekening</label>
                                        <p class="form-control-static">
                                            {{ $list->norek ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Nama Rekening --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Rekening</label>
                                        <p class="form-control-static">
                                            {{ $list->nama_rekening ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Nickname --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Nickname</label>
                                        <p class="form-control-static">
                                            {{ $list->nickname ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Tipe Bank --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Tipe Bank</label>
                                        <p class="form-control-static">
                                            {{ ($list->tipe_bank ?? '') == 'virtual' ? 'Virtual' : 'Non Virtual' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Currency --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Currency</label>
                                        <p class="form-control-static">
                                            {{ $list->currency ?? '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Jenis Biaya --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Jenis Biaya</label>
                                        <p class="form-control-static">
                                            @if ($list->jenis_biaya == 'OUR')
                                                <span class="badge bg-gradient-primary">OUR</span>
                                            @else
                                                <span class="badge bg-gradient-info">BEN</span>
                                            @endif
                                        </p>
                                    </div>
                                </div>

                                {{-- Email --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Email</label>
                                        <p class="form-control-static">
                                            {{ $list->email ?: '-' }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Default --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Default</label>
                                        <p class="form-control-static">
                                            @if ($list->default == '1')
                                                <span class="badge bg-gradient-success">Yes</span>
                                            @else
                                                <span class="badge bg-gradient-secondary">No</span>
                                            @endif
                                        </p>
                                    </div>
                                </div>

                                {{-- Alamat --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Alamat</label>
                                        <p class="form-control-static"
                                            style="white-space: pre-line; overflow-wrap: anywhere;">
                                            {{ $list->alamat ?: '-' }}</p>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <hr class="horizontal dark">
                                </div>

                                {{-- Created At --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Created At</label>
                                        <p class="form-control-static">
                                            {{ $list->created_at }}
                                        </p>
                                    </div>
                                </div>

                                {{-- Updated At --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Updated At</label>
                                        <p class="form-control-static">
                                            {{ $list->updated_at }}
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection