@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="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ url('lakuemas_merchant/transaction_merchant_settlement') }}">Merchant Settlement</a></li>      
                        <li>{{ $store->nama }}</li>                              
                    </ol>
                </div>

                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>{{ $store->nama }} - Settlement List</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">                            
                            <div class="form-horizontal">
                                <form>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Status :</label>
                                        <div class="col-sm-4">
                                            <select class="form-control" id="status" name="status">
                                                <option value="">All</option>
                                                @foreach($available_status as $status)
                                                    <option value="{{ (\App\Models\Transaksi_merchant_settlement_model::STATUS)[$status]["id"] }}" @if((\App\Models\Transaksi_merchant_settlement_model::STATUS)[$status]["id"] == $request['status']) selected @endif>{{ (\App\Models\Transaksi_merchant_settlement_model::STATUS)[$status]["text"] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="control-label col-sm-3"></label>
                                        <div class="col-sm-4">
                                            <button class="btn btn-success"><i class="fa fa-search"></i> Search</button>
                                        </div>
                                    </div>
                                </form>
                            <hr>
                            </div>


                            <table id="table_notification" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">ID</th>
                                        <th></th>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">Code</th>
                                        <th class="text-center">Settled Code<br><small>(inputed by GA)</small></th>
                                        <th class="text-center">Image<br><small>(inputed by GA)</small></th>
                                        <th class="text-center">Total Transaction</th>
                                        <th class="text-center">Total Invoice</th>
                                        <th class="text-center">Settled Value<br><small>(inputed by GA)</small></th>
                                        <th class="text-center">Payment Method</th>
                                        <th class="text-center">Status</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody style="font-size: 12px;">
                                    @forelse($settlements as $settlement)
                                        <tr>
                                            <td class="text-center">{{ $settlement->id }}</td>
                                            <td class="text-center">
                                                @if(
                                                    $settlement->settled_value != $settlement->total_transaction || 
                                                    empty($settlement->photo) || 
                                                    $settlement->transaksi_merchant_new_count > 0
                                                )
                                                    <i class="fa fa-exclamation-circle text-danger" aria-hidden="true"></i>
                                                @endif
                                            </td>
                                            <td class="text-center">{{ $settlement->created_at }}</td>
                                            <td class="text-center">{{ $settlement->code }}</td>
                                            <td class="text-center">{{ $settlement->edc_settlement_number }}</td>
                                            <td class="text-center">
                                                @if($settlement->photo)
                                                    <a href="https://{{ env('ALIYUN_OSS_BUCKET') }}.oss-ap-southeast-5.aliyuncs.com/{{ env('SETTLEMENT_FOLDER') }}/{{ $settlement->photo }}" target="_blank">
                                                        <img src="https://{{ env('ALIYUN_OSS_BUCKET') }}.oss-ap-southeast-5.aliyuncs.com/{{ env('SETTLEMENT_FOLDER') }}/{{ $settlement->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-right">{{ number_format($settlement->transaksi_merchant_new()->count()) }}</td>
                                            <td class="text-right">{{ number_format($settlement->total_invoice) }}</td>
                                            <td class="text-right">{{ number_format($settlement->settled_value) }}</td>
                                            <td class="text-center">{{ $settlement->metode_pembayaran_merchant->metode_pembayaran }}</td>
                                            <td class="text-left"><i class="fa fa-circle" style="color: {{ (\App\Models\Transaksi_merchant_settlement_model::STATUS)[$settlement->status]["background"] }};" aria-hidden="true" title="Paid"></i> <span style="text-transform: capitalize;">{{ (\App\Models\Transaksi_merchant_settlement_model::STATUS)[$settlement->status]["text"] }}</span></td>
                                            <td class="text-center">
                                                <a href="{{ url('lakuemas_merchant/transaction_merchant_settlement/merchant/' . $settlement->toko->id . '/settlement/' . $settlement->id) }}" class="btn btn-default btn-xs" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="12" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse                   
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection