@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Gadai #{{ $gadai_task->kode }}</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('gadai_list') }}">Gadai</a></li>
                        <li class="active">Detail</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">
                            <div role="tabpanel" data-example-id="togglable-tabs">
                                <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#tab_content1" role="tab" data-toggle="tab" aria-expanded="true">Customer</a></li>
                                    <li role="presentation"><a href="#tab_content2" role="tab" data-toggle="tab" aria-expanded="true">Jaminan Gadai</a></li>
                                    <!--<li role="presentation"><a href="#tab_content3" role="tab" data-toggle="tab" aria-expanded="true">Dokumen</a></li>-->
                                    <li role="presentation"><a href="#tab_content4" role="tab" data-toggle="tab" aria-expanded="true">Detail Gadai</a></li>
                                    @if($gadai_task->status == '5')
                                        <li role="presentation"><a href="#tab_content5" role="tab" data-toggle="tab" aria-expanded="true">Pencairan Dana</a></li>
                                    @endif
                                    @if($gadai_task->status > 5)
                                        <li role="presentation"><a href="#tab_content6" role="tab" data-toggle="tab" aria-expanded="true">Pembayaran</a></li>
										<li role="presentation"><a href="#tab_content8" role="tab" data-toggle="tab" aria-expanded="true">Perpanjangan</a></li>
                                    @endif
                                    @if($gadai_task->status == 2)
                                        <li role="presentation"><a href="#tab_content7" role="tab" data-toggle="tab" aria-expanded="true">Aksi</a></li>
                                    @endif
                                </ul>
                            </div>
                            <div id="myTabContent" class="tab-content">
                                <div role="tabpanel" class="tab-pane fade active in" id="tab_content1">
                                    @include('pages.gadai.inc.detail_customer')
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="tab_content2">
                                    @include('pages.gadai.inc.detail_jaminan')
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="tab_content3">
                                    @include('pages.gadai.inc.detail_dokumen')
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="tab_content4">
                                    @include('pages.gadai.inc.detail_detail')
                                </div>
                                @if($gadai_task->status == 5)
                                    <div role="tabpanel" class="tab-pane fade in" id="tab_content5">
                                        @include('pages.gadai.inc.detail_pencairan_dana')
                                    </div>
                                @endif
                                @if($gadai_task->status > 5)
                                    <div role="tabpanel" class="tab-pane fade in" id="tab_content6">
                                        @include('pages.gadai.inc.detail_pembayaran')
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade in" id="tab_content8">
                                        @include('pages.gadai.inc.detail_perpanjangan')
                                    </div>
                                @endif
                                @if($gadai_task->status == 2)
                                    <div role="tabpanel" class="tab-pane fade in" id="tab_content7">
                                        @include('pages.gadai.inc.detail_aksi')
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('/js/gadai/detail.min.js') }}"></script>
@stack('scripts')
@endsection