@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .control-label {
            text-align: left !important;
            font-weight: bold;
            padding-top:  0 !important;
        }

        input[type=checkbox], input[type=radio] {
            margin: 3px 0;
        }


        #cover-spin {
            position:fixed;
            width:100%;
            left:0;right:0;top:0;bottom:0;
            background-color: #000;
            opacity: 0.5;
            /*background-color: rgba(255,255,255,0.7);*/
            z-index:9999;
            display:none;
        }

        @-webkit-keyframes spin {
            from {-webkit-transform:rotate(0deg);}
            to {-webkit-transform:rotate(360deg);}
        }

        @keyframes spin {
            from {transform:rotate(0deg);}
            to {transform:rotate(360deg);}
        }

        #cover-spin::after {
            content:'';
            display:block;
            position:absolute;
            left:48%;top:40%;
            width:40px;height:40px;
            border-style:solid;
            border-color:#ddd;
            border-top-color:transparent;
            border-width: 4px;
            border-radius:50%;
            -webkit-animation: spin .8s linear infinite;
            animation: spin .8s linear infinite;
        }

        .label-modal {
            padding-top: 10px;
            padding-left: 80px;
        }

        .blueLink {
            font-size:  12px;
            font-weight:  bold;
            color: #4a81ff;
        }

        .blueLink:hover {
            cursor:  pointer;
        }
    </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="row">
                <div class="col-md-8">
                    <div class="page-title">
                        <div class="title_left">
                            <h3><i class="fa fa-file-text"></i> Detail</h3>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-4 text-right" style="padding-top: 20px;">
                    <a href="{{ url('resell_marketplace/standby_user') }}" class="btn btn-default"><i class="fa fa-arrow-left"></i> Back</a>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel" style="background: #fffffc;">                        
                        <div class="x_content">
                            <form class="form-horizontal" method="GET">
                                <div class="col-xs-12 col-sm-8">
                                    <div class="row form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Name</label>
                                    <div class="col-xs-12 col-sm-9">{{ $standby_user->name }}</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="row form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Handphone</label>
                                    <div class="col-xs-12 col-sm-9">{{ $standby_user->handphone }}</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="row form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Email</label>
                                    <div class="col-xs-12 col-sm-9">{{ $standby_user->email }}</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="row form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Foto KTP</label>
                                    <div class="col-xs-12 col-sm-9"> 
                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') . '/standby_user/' . $standby_user->photo_ktp }}" class="text-success" style="font-weight: bold;">
                                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') . '/standby_user/' . $standby_user->photo_ktp }}" width="300" style="padding: 3px; border: 1px solid #eee;">
                                        </a>
                                    </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </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">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/standby_user/' . $standby_user->id) }}" class="btn btn-warning"><i class="fa fa-trash"></i> Reset Filter</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: 0px solid #ddd; margin-bottom: 3px; display: ;">
                                <div class="col-xs-12">
                                    @if (Session::has('oops'))
                                        <div class="alert alert-danger">
                                            {{ Session::get('oops') }}
                                        </div>
                                    @endif  
                                    @if (Session::has('success'))
                                        <div class="alert alert-success">
                                            {{ Session::get('success') }}
                                        </div>
                                    @endif  
                                </div>
                            </div>    
                            <div>
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#no1" aria-controls="no1" role="tab" data-toggle="tab"><span class="blueLink">BUY TRANSACTION</span></a></li>
                                    <li role="presentation"><a href="#no2" aria-controls="no2" role="tab" data-toggle="tab"><span class="blueLink">SELL TRANSACTION</span></a></li>
                                </ul>

                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="no1" style="padding: 15px 10px;">
                                        <div class="row" style="border-bottom: 1px solid #ddd; margin-bottom: 3px; display: ;">
                                            <div class="col-xs-12 col-sm-12 col-md-7">
                                                <h2>Transaction Summary Buy</h2>    
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-5 text-right">
                                                <a href="{{ url('resell_marketplace/standby_user/' . $standby_user->id . '/download_buy') }}?start_date={{ $request['start_date'] }}&end_date={{ $request['end_date'] }}" class="btn btn-success"><i class="fa fa-download"></i> Download</a>
                                            </div>
                                        </div>        
                                        <table id="table_subscriber" class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Transaction Date</th>
                                                    <th>Invoice Number</th>
                                                    <th>Seller</th>
                                                    <th>Buyer</th>
                                                    <th class="text-right" width="100">Nominal (Rp)</th>
                                                    <th class="text-center">Transaction Detail</th>
                                                    <th class="text-center">Invoice</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $transaction_buy = $standby_user->transaction()->whereIn('status', [3,4]);
                                                    if($request['start_date'] && $request['end_date']) {
                                                        $transaction_buy = $transaction_buy->whereDate('invoice_date', '>=', $request['start_date'])
                                                                        ->whereDate('invoice_date', '<=', $request['end_date']);
                                                    }
                                                    elseif($request['start_date']) {
                                                        $transaction_buy = $transaction_buy->whereDate('invoice_date', $request['start_date']);
                                                    }
                                                    elseif($request['end_date']) {
                                                        $transaction_buy = $transaction_buy->whereDate('invoice_date', $request['start_date']);
                                                    }
                                                @endphp
                                                @forelse($transaction_buy->get() as $no => $transaction)
                                                    <tr>
                                                        <td>{{ \Carbon\Carbon::parse($transaction->invoice_date)->format('d-M-Y') }}</td>
                                                        <td>{{ $transaction->invoice }}</td>
                                                        <td>{{ ucwords($transaction->customer->name) }}</td>
                                                        <td>{{ $standby_user->name }}</td>
                                                        <td class="text-right">{{ number_format($transaction->grandtotal) }}</td>
                                                        <td class="text-center"><a href="{{ url('resell_marketplace/detail_buy/' . $transaction->id) }}" class="blueLink">Transaction Detail</a></td>
                                                        <td class="text-center"><a href="{{ url('resell_marketplace/detail_buy/invoice/' . $transaction->id) }}" target="_blank" class="blueLink"><i class="fa fa-print"></i> Invoice</a></td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="11" class="text-center">Data not found</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="no2" style="padding: 15px 10px;">
                                        <div class="row" style="border-bottom: 1px solid #ddd; margin-bottom: 3px; display: ;">
                                            <div class="col-xs-12 col-sm-12 col-md-7">
                                                <h2>Transaction Summary Sell</h2>    
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-5 text-right">
                                                <a href="{{ url('resell_marketplace/standby_user/' . $standby_user->id . '/download_sell') }}" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
                                            </div>
                                        </div>        
                                        <table id="table_subscriber" class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Transaction Date</th>
                                                    <th>Invoice Number</th>
                                                    <th>Seller</th>
                                                    <th>Buyer</th>
                                                    <th class="text-right" width="100">Nominal (Rp)</th>
                                                    <th class="text-center">Transaction Detail</th>
                                                    <th class="text-center">Invoice</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($marketplace_transaction as $no => $transaction)
                                                    <tr>
                                                        <td>{{ \Carbon\Carbon::parse($transaction->approval_date)->format('d-M-Y') }}</td>
                                                        <td>{{ $transaction->invoice_no }}</td>
                                                        <td>{{ ucwords($transaction->item[0]->resell_item->invoice->standby_user->name) }}</td>
                                                        <td>{{ $transaction->buyer_name }}</td>
                                                        <td class="text-right">
                                                            {{ number_format((new \App\Libs\Butik\Resell_marketplace_lib())->getTotalTransaction($transaction)) }}
                                                        </td>
                                                        <td class="text-center"><a href="{{ url('resell_marketplace/create' . '?id=' . Crypt::encrypt($transaction->id)) }}" class="blueLink">Transaction Detail</a></td>
                                                        <td class="text-center"><a href="{{ url('resell_marketplace/invoice/' . Crypt::encrypt($transaction->id)) }}" target="_blank" class="blueLink"><i class="fa fa-print"></i> Invoice</a></td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="11" class="text-center">Data not found</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>

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

@endsection

@section('scripts')
@endsection