@extends('admin.showroom._layout')

@section('panel-option')
    <ul class="nav nav-pills">
        <li class="nav-item"><a href="#history" class="nav-link active" data-toggle="tab" role="button" aria-expanded="false" >Riwayat</a></li>
        <li class="nav-item">
            <a type="button" class="nav-link" data-toggle="modal" role="button" href="#ReportModal">
                Buat Laporan</a>
        </li>
    </ul>
@endsection

@section('panel-body')
    <div class="tab-content">
        <div id="history" class="tab-pane fade in active show">
            @include('admin.showroom.panel.sales_history')
        </div>
        <div id="analytics" class="tab-pane fade">
            @include('components.feature_not_ready')
        </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>
@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