@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    .box-legend {display:inline-block; margin:0 5px;}
    .div-legend {
        display:inline-block;
        padding:5px;
    }

    .pagination {
        margin-top:5px;
    }

    .divider {
        border-top: 1px;
        margin: 2px !important;
    }
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ url('lakuemas_merchant/list') }}">Merchant List</a></li>      
                        <li>Unsettle Transaction</li>
                    </ol>
                </div>
                <div class="col-xs-12">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Unsettle Transaction Merchant</h2>                            
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                @if (Session::has('oops') || Session::has('warning'))
                                    <div class="alert alert-danger" style="margin-bottom: 20px;">
                                        {{ Session::get("oops") }}
                                    </div>
                                @endif
                                <form id="form_filter" class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Start date </label>
                                        <div class="col-sm-6">
                                            <input type="date" value="{{ $request['start'] }}" name="start" class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">End date</label>
                                        <div class="col-sm-6">
                                            <input type="date" value="{{ $request['end'] }}" name="end" class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Merchant</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="merchant" class="form-control" placeholder="Merchant name" value="{{ $request['merchant'] }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-6">
                                            <button type="submit" class="btn btn-success"><i class="fa fa-search"></i> Filter</button>
                                            <span style="display: none">
                                                @if($request['start'] && $request['end'])
                                                    <a href="#" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
                                                @else
                                                    <button type="button" class="btn btn-default" disabled="disabled"><i class="fa fa-download"></i> Download</button>
                                                @endif
                                            </span>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="x_panel">                        
                        <div class="x_content">
                            <div style="overflow: auto; border: 0px solid #f00;">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th rowspan="2" class="text-center" width="25" rowspan="2">No</th>
                                            <th rowspan="2" class="text-center">Date</th>
                                            <th rowspan="2">Merchant</th>
                                            <th rowspan="2" class="text-center">Code</th>
                                            <th rowspan="2" class="text-center">Photo</th>
                                            <th rowspan="2" class="text-center" width="80">Berat Perhiasan (Gram)</th>
                                            <th rowspan="2" class="text-center" width="100">Harga Beli LEI (Rp)</th>
                                            <th rowspan="2" class="text-center" width="80">Emas Tukaran (Gram)</th>
                                            <th rowspan="2" class="text-center" width="100">Ongkos (Rp)</th>
                                            <th rowspan="2" class="text-center" width="80">Kadar Perhiasan (%)</th>
                                            <th rowspan="2" class="text-center" width="80">TGP (Rp)</th>
                                            <th colspan="2" class="text-center">Pajak</th>
                                            <th colspan="2" class="text-center">Harga (Rp)</th>
                                            <th colspan="2" class="text-center">Transfer (Rp)</th>
                                        </tr>
                                        <tr>
                                            <th class="text-center">%</th>
                                            <th class="text-center">Nominal</th>
                                            <th class="text-center">Kotor</th>
                                            <th class="text-center">Bersih</th>
                                            <th class="text-center">Kotor</th>
                                            <th class="text-center">Bersih</th>
                                        </tr>
                                    </thead>
                                    <tbody style="font-size: 12px;">
                                        @forelse($transaction_merchants as $key => $item) 
                                            @php
                                                $start = 0;
                                                if(isset($_GET['page'])) {
                                                    $start = $_GET['page'] * 10 - 10;
                                                }

                                                $pajak = $item->tax_percent;
                                                $emas_tukar_non_pembulatan = $item->harga_bersih_exclude_tax / $item->mid_price;
                                                $biaya_layanan = $item->biaya_layanan_jual;
                                                $tf_kotor = $item->buy_price * $emas_tukar_non_pembulatan;
                                                $tf_bersih = $tf_kotor - $biaya_layanan;
                                                $berat_barang_100 = bcmul($item->kadar_emas_barang / 100, $item->berat_barang, 4); 
                                            @endphp
                                            <tr>
                                                <td class="text-center">{{ $start + $key + 1 }}</td>
                                                <td class="text-center"><div style="width: 80px">{{ date("d M Y H:i", strtotime($item->created_at)) }}</div></td>
                                                <td>{{ $item->users_merchant->toko->nama }}</td>
                                                <td class="text-center">{{ $item->code }}</td>
                                                <td class="text-center">
                                                    @if($item->photo)
                                                        <a href="https://{{ env('ALIYUN_OSS_BUCKET') }}.oss-ap-southeast-5.aliyuncs.com/{{ env('EDC_FOLDER') }}/{{ $item->photo }}" target="_blank">
                                                            <img src="https://{{ env('ALIYUN_OSS_BUCKET') }}.oss-ap-southeast-5.aliyuncs.com/{{ env('EDC_FOLDER') }}/{{ $item->photo }}?x-oss-process=image/resize,w_75,limit_0" style="background: #f1f1f1; padding: 4px; border: 1px solid #ddd;">
                                                        </a>
                                                    @else
                                                        ~
                                                    @endif
                                                </td>
                                                <td class="text-center">{{ $item->berat_barang }}</td>
                                                <td class="text-right">{{ number_format($item->buy_price) }}</td>
                                                <td class="text-center">
                                                    {{ $item->emas_tukar }}
                                                    <hr class="divider">
                                                    <span style="font-size: 11px;">{{ $emas_tukar_non_pembulatan }}</span>
                                                </td>
                                                <td class="text-right">
                                                    @if((int) $item->kadar_emas_barang > 0)
                                                        {{ number_format($item->ongkos) }}
                                                    @else
                                                        0
                                                    @endif
                                                </td>
                                                <td class="text-center">{{ $item->kadar_emas_barang ? : 0 }}</td>
                                                <td class="text-center">{{ number_format($item->tgp) }}</td>
                                                <td class="text-center">{{ $pajak }}</td>
                                                <td class="text-right">{{ number_format($item->tax_nominal) }}</td>
                                                <td class="text-right">
                                                    {{ number_format(floor($item->harga_bersih_include_tax)) }}
                                                    @if($item->nominal_cash > 0)
                                                        <hr class="divider">
                                                        <div style="width: 90px; font-size: 11px; color: #43a047; font-style: italic;">Cash : {{ number_format(floor($item->nominal_cash)) }}</div> 
                                                    @endif
                                                </td>
                                                <td class="text-right">{{ number_format(floor($item->harga_bersih_exclude_tax)) }}</td>
                                                <td class="text-right">{{ number_format(floor($tf_kotor)) }}</td>
                                                <td class="text-right">{{ number_format(floor($tf_bersih)) }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="17" class="text-center">Tidak ada data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>      
                                <div class="text-center">
                                    <i class="fa fa-circle" style="color: #1e88e5;" aria-hidden="true" title="Paid"></i> = Sudah dibayar,&nbsp;&nbsp;&nbsp;&nbsp;
                                    <i class="fa fa-circle" style="color: #7cb342;" aria-hidden="true" title="Approved"></i> = Menunggu Dibayar,&nbsp;&nbsp;&nbsp;&nbsp;
                                    <i class="fa fa-circle" style="color: #8e24aa;" aria-hidden="true" title="Menunggu Approve BO"></i> = Menunggu Approve BO,&nbsp;&nbsp;&nbsp;&nbsp;
                                    <i class="fa fa-circle" style="color: #fbc02d;" aria-hidden="true" title="Unsettle"></i> = Belum Settle,&nbsp;&nbsp;&nbsp;&nbsp;
                                    <i class="fa fa-circle" style="color: #e53935;" aria-hidden="true" title="Dibatakan"></i> = Dibatalkan
                                </div>     
                                <p>
                                    <b>Total Data : {{ $transaction_merchants->total() }}</b>
                                    {{ $transaction_merchants->appends($_GET)->links() }}
                                </p>    
                            </div>

                        </div>
                    </div>
                </div>

                @section('scripts')
                    <script type="text/javascript">
                        $(document).ready(function(){
                            @if($request['transaction_type'] == 'old')
                                $('#transaction_type').val('old');
                            @endif
                            @if($request['status_transaksi'])
                                $('#status_transaksi').val('{{ $request['status_transaksi'] }}');
                            @endif
                        });
                    </script>
                @endsection
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection