@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .blueLink {
            font-size:  12px;
            font-weight:  bold;
            color: #4a81ff;
        }

        .blueLink:hover {
            cursor:  pointer;
        }

        .blackFont {
            font-size:  12px;
            font-weight:  bold;
            color: #000;
        }
    </style>
@endsection
@section('body_content')
<div id="cover-spin"></div>
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="row">
                    <div class="col-md-7">
                        <div class="title_left">
                            <h3><i class="fa fa-clock-o"></i> Butik Price History</h3>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <form>
                            <div class="row">
                                <div class="col-md-7">
                                    <input type="date" name="date_filter" class="form-control" value="{{ $request['date_filter'] }}">
                                </div>
                                <div class="col-md-5">
                                    <button class="btn btn-success">Filter</button>
                                    <a href="{{ url('pricing/resell/history') }}" class="btn btn-warning">Reset</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>

            <div id="itemDetails" class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">            
                        <div class="x_content">
                            <div class="row" style="border-bottom: 1px solid #ddd; margin-bottom: 3px; display: none;">
                                <div class="col-xs-12 col-sm-12 col-md-7">
                                    <h2>List</h2>    
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-5 text-right">
                                </div>
                            </div>    
                            @if(count($histories) > 0)    
                                <table id="table_subscriber" class="table table-striped table-hover" width="100%">
                                    <tbody>
                                        @foreach($histories as $no => $history)
                                            @php
                                                $price_list = json_decode($history->price_list, true);
                                            @endphp
                                            <tr>
                                                <td width="200">{{ \Carbon\Carbon::parse($history->created_at)->format('d F Y H:i') }}</td>
                                                <td>@if(isset($price_list['base_price'])) BASE PRICE : <b>{{ number_format($price_list['base_price']) }}</b> @endif</td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    <div style="overflow: auto; width: 1170px;">
                                                        <table class="table table-bordered">
                                                            <thead>
                                                                <tr>
                                                                    <th class="text-center" style="background: #fffde7;">LM</th>
                                                                    <th colspan="19" class="text-center" style="background: #e8f5e9;">Plain Gold Other</th>
                                                                    <th class="text-center" style="background: #fffde7;">ILY Gold</th>
                                                                </tr>
                                                                <tr><th class="text-center" style="background: #fffde7;">Other</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">24K (99%)</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">23K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">22K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">21K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">20K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">19K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">18K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">17K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">16K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">15K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">14K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">13K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">12K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">11K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">10K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">9K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">8K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">7K</th>
                                                                    <th class="text-center" style="background: #e8f5e9;">6K</th>
                                                                    <th class="text-center" style="background: #fffde7;">9K</th>
                                                                </tr>
                                                            </thead>  
                                                            <tbody>
                                                                <tr>
                                                                    <td class="text-right">{{ isset($price_list['LM_other']) ? number_format($price_list['LM_other']) : '~' }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['24K (99%)']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['23K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['22K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['21K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['20K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['19K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['18K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['17K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['16K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['15K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['14K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['13K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['12K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['11K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['10K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['9K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['8K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['7K']) }}</td>
                                                                    <td class="text-right">{{ number_format($price_list['6K']) }}</td>
                                                                    <td class="text-right">{{ isset($price_list['ILY_9K']) ? number_format($price_list['ILY_9K']) : '~' }}</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>      
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div style="text-align:center">{{ $histories->appends($_GET)->links() }}</div>
                            @else
                                <div class="alert alert-warning">Oops, Data tidak ditemukan</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

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

@endsection

@section('scripts')
@endsection