@extends('admin.showroom._layout')

@section('panel-option')
    <ul class="nav nav-pills">
        <li class="nav-item"><a href="#info" class="nav-link active" data-toggle="tab" role="button" aria-expanded="false" >Info Dasar</a></li>
        <li class="nav-item"><a href="#attachment" class="nav-link" data-toggle="tab" role="button" aria-expanded="false" >Attachment</a></li>
        <li class="nav-item"><a href="#bank" class="nav-link" data-toggle="tab" role="button" aria-expanded="false" >Rekening</a></li>
        <li class="nav-item"><a href="#settings" class="nav-link" data-toggle="tab" role="button" aria-expanded="false" >Pengaturan</a></li>
    </ul>
@endsection

@section('panel-body')
    <div class="tab-content">
        <div id="info" class="tab-pane fade in active show">
            @include('admin.showroom.panel.showroom_info')
        </div>
        <div id="attachment" class="tab-pane fade">
            @include('admin.showroom.panel.showroom_attachment')
        </div>
        <div id="bank" class="tab-pane fade">
            @include('admin.showroom.panel.showroom_bank_details')
        </div>
        <div id="settings" class="tab-pane fade">
            @include('admin.showroom.panel.showroom_settings')
        </div>
    </div>
@endsection



@section('javascript')

<script>
    $(document).ready(function() {
        initPostalCode()

        $.get('{{ route('admin.old.showroom.salesperson') }}').done(data => {
            console.log(data)
            console.log(data.result)
            $('select#sales_id').append(`<option value="">(Kosongkan)</option>`)
            data.result.forEach(e => {
                $('select#sales_id').append(`<option value="${e.id}">${e.name}</option>`)
            })
        })
        $.get('{{ route('admin.old.showroom.useraccount') }}').done(data => {
            $('select#user_id').append(`<option value="">(Kosongkan)</option>`)
            data.result.forEach(e => {
                $('select#user_id').append(
                    `<option value="${e.id}">${e.name} (${e.phone})</option>`)
            })
        })
    });
</script>
@endsection

@section('script')

@endsection