@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="title_left">
                    <h3><i class="fa fa-edit"></i> List Item</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel" style="background: #f8f8f8;">                        
                        <div class="x_content">
                            <div class="row" style="border-bottom: 1px solid #d8d8d8; margin-bottom: 15px;">
                                <div class="col-xs-12 col-sm-12 col-md-7">
                                    <h2>Filter</h2>    
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-5 text-right">
                                </div>
                            </div>    
                            <form class="form-horizontal" method="GET">
                                <div class="col-xs-12 col-sm-8">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Seller</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control" name="seller" value="{{ $request['seller'] }}" placeholder="seller name">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">PLU Code</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control" name="plu" value="{{ $request['plu'] }}" placeholder="PLU item">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Start Date</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="start_date" value="{{ $request['start_date'] }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">End Date</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="end_date" value="{{ $request['end_date'] }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label"></label>
                                        <div class="col-xs-12 col-sm-9">
                                            <button class="btn btn-primary"><i class="fa fa-search"></i> Cari</button>
                                            <a href="{{ url('resell_marketplace/transaction') }}" class="btn btn-warning"><i class="fa fa-trash"></i> Reset Filter</a>
                                            <a href="{{ url('resell_marketplace/transaction/download') }}?start_date={{ $request['start_date'] }}&end_date={{ $request['end_date'] }}" class="btn btn-success"><i class="fa fa-download"></i> Download</a>
                                        </div>
                                    </div>
                                </div>
                                
                            </form>


                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            @if (Session::has('success'))
                                <div class="alert alert-success">
                                    {{ Session::get('success') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </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>        
                            <table id="table_subscriber" class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Created By</th>
                                        <th>Tanggal Transaksi</th>
                                        <th>Nama Client</th>
                                        <th>Invoice Number</th>
                                        <th class="text-right">Total Transaksi (Rp)</th>
                                        <th class="text-right">Total Gramasi (Gram)</th>
                                        <th>Detail</th>
                                        <th>Invoice</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $no = 0;
                                    @endphp
                                    @forelse($transactions as $key => $transaction)
                                        @if($transaction->status == 'not_complete' && !$is_has_access_create)
                                        @else
                                            @php
                                                $no+=1;
                                                $data_information = $transaction->item()->whereNull('parent_id')->get()->map(function($row) {
                                                            return json_decode($row->total_data_information, true);
                                                        })->pipe(function($row) {
                                                            return collect([
                                                                'total_buying_price' => $row->sum('total_buying_price'),
                                                                'total_weight' => $row->sum('total_weight'),
                                                              ]);
                                                        });
                                            @endphp
                                            <tr>
                                                <td class="text-center">{{ $no }}</td>
                                                <td>{{ $transaction->createdBy ? $transaction->createdBy->name : '~' }}</td>
                                                <td>{{ \Carbon\Carbon::parse($transaction->approval_date)->format('d F Y') }}</td>
                                                <td>{{ $transaction->buyer_name }}</td>
                                                <td>{{ $transaction->invoice_no }}</td>
                                                <td class="text-right">{{ number_format($transaction->grand_total) }}</td>
                                                <td class="text-right">{{ $data_information['total_weight'] }}</td>
                                                <td>
                                                    @if($transaction->status == 'completed')
                                                        <a href="{{ url('resell_marketplace/transaction/detail' . '?id=' . Crypt::encrypt($transaction->id)) }}" class="blueLink">Detail</a>
                                                    @else
                                                        <a href="{{ url('resell_marketplace/create' . '?id=' . Crypt::encrypt($transaction->id)) }}" class="blueLink">Detail</a>
                                                    @endif
                                                </td>
                                                <td>
    												@if($data_information['total_weight'])
    													<a href="{{ url('resell_marketplace/invoice/' . Crypt::encrypt($transaction->id)) }}" target="blank" class="blueLink"><i class="fa fa-print"></i> Invoice</a>
    												@else
    													-
    												@endif
                                                </td>
                                                <td>
                                                    @if($transaction->status == 'completed')
                                                        <i class="fa fa-check-square-o" style="color: green;"></i> Completed
                                                    @else
                                                        <span style="color: #c1c1c1;">
                                                            <i class="fa fa-check-square-o"></i>  Uncompleted
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if(in_array(auth()->user()->username, ['201147', 'hdr', '200318']) && $transaction->status == 'completed')
                                                        <button class="btn btn-warning btn-sm" onclick="updateTransaction({{ $transaction->id }})">Open Trx</button>
                                                    @else
                                                        ~
                                                    @endif
                                                </td>
                                            </tr>
                                        @endif
                                    @empty
                                        <tr>
                                            <td colspan="11" class="text-center">Data not found</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

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

@endsection

@section('scripts')
    <script type="text/javascript">
        function updateTransaction(id) {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/update_transaction') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'id' : id },
                success: function(response) {
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }
    </script>
@endsection