@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>Active Account Lakusimpan</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row" style="margin-bottom: 16px;">
                <div class="col">
                    <div style="background: #1ABB9C; padding: 8px; border-radius: 8px; color: #fff;">
                        <span><i class="fa fa-balance-scale" aria-hidden="true"></i> Total Amount :</span>
                        <div style="font-size: 40px;">{{ $total_amount_account }}</div>
                        <span style="font-size: .8em;">Gram</span>
                    </div>
                </div>
            </div>
            

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                       
                        <div class="x_content">
                            <div style="margin-bottom:16px;">
                                <form class="form-horizontal" method="get"> 
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Customer Name :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="customer_name" type="text" class="form-control" autocomplete="false" value="{{ $request['customer_name'] }}">
                                        </div>
                                    </div>                                   
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Customer Handphone :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="customer_handphone" type="text" class="form-control" autocomplete="false" value="{{ $request['customer_handphone'] }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Laku Simpan Account :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="lakusimpan_account" type="text" class="form-control" autocomplete="false" value="{{ $request['lakusimpan_account'] }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-xs-12 col-sm-offset-2 col-sm-10">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <table class="table table-condensed table-bordered">
                                <thead>
                                    <tr>                                  
                                        <th class="text-center">Account Number</th>      
                                        <th class="text-center">Customer</th>
                                        <th class="text-center">Deposit Amount</th>
                                        <th class="text-center">Opening Date</th>
                                        <th class="text-center">Maturity Date</th>
                                        <th class="text-center">Interest Rate</th>
                                        <th class="text-center">Extend Type</th>     
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($accounts as $account)
                                        <tr>
                                            <td class="text-center">{{ $account->nomor_rekening }}</td>
                                            <td class="text-center">{{ $account->customer->code }}<br>{{ $account->customer->name }}</td>
                                            <td class="text-right">{{ $account->titipan_detail[0]->berat }}</td>
                                            <td class="text-center">{{ date("Y-m-d", strtotime($account->titipan_detail[0]->created_at)) }}</td>
                                            <td class="text-center">{{ $account->titipan_detail[0]->jatuh_tempo }}</td>
                                            <td class="text-right">{{ $account->titipan_detail[0]->suku_bunga }}</td>
                                            <td class="text-center">{{ $account->titipan_detail[0]->titipan_perpanjangan->titipan_perpanjangan }}</td> 
                                            <td class="text-center"><a href="{{ route('account/lakusimpan/active/detail', ['id'=>$account->id]) }}" class="btn btn-xs btn-default" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a></td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>

                            <div class="text-center">{{ $accounts->links() }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection