@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 class="text-center">#</th>
                                            <th class="text-center">ID</th>
                                            <th class="text-center">Created at</th>
                                            <th class="text-center">Code</th>
                                            <th class="text-center">Photo</th>
                                            <th class="text-center">Total transaction</th>
                                            <th class="text-center">Total invoice (Rp)</th>
                                            <th class="text-center">Total gold (Gr)</th>
                                            <th class="text-center">Approved date</th>
                                            <th class="text-center">Approved by</th>
                                            <th class="text-center"></th>
                                        </tr>
                                    </thead>
                                    <tbody style="font-size: 12px;">
                                        @forelse($transaction_settlements as $key => $item) 
                                            @php
                                                $start = 0;
                                                if(isset($_GET['page'])) {
                                                    $start = $_GET['page'] * 10 - 10;
                                                }
                                            @endphp
                                            <tr>
                                                <td class="text-center">{{ $start + $key + 1 }}</td>
                                                <td class="text-center">{{ $item->id }}</td>
                                                <td class="text-center">{{ date("d M Y H:i", strtotime($item->created_at)) }}</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('SETTLEMENT_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->transaksi_merchant_new()->count() }}</td>
                                                <td class="text-right">{{ number_format($item->total_invoice) }}</td>
                                                <td class="text-right">{{ $item->total_emas_tukar }}</td>
                                                <td class="text-center">{{ date("d M Y H:i", strtotime($item->date_approved)) }}</td>
                                                <td class="text-center">
                                                    @if($item->users)
                                                        <a href="{{ route('admin_detail',['id'=>$item->users->id]) }}" target="_blank">{{ $item->users->name }}</a>
                                                    @else
                                                        ~
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <i class="fa fa-circle" style="color: #1e88e5;" aria-hidden="true" title="Paid"></i>
                                                </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
                                </div>     
                                <p>
                                    <b>Total Data : {{ $transaction_settlements->total() }}</b>
                                    {{ $transaction_settlements->appends($_GET)->links() }}
                                </p>    
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection