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

        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="page-title">
                <div class="title_left">
                    <h3><i class="fa fa-edit"></i> Create Transaction</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="col-xs-12 col-sm-8">
                                @php
                                    $buyer = $marketplace_transaction->buyer_name;
                                    $invoice_no = $marketplace_transaction->invoice_no;
                                    $due_date = $marketplace_transaction->due_date;
                                    $due_date_custom = $marketplace_transaction->due_date;
                                    $npwp = $marketplace_transaction->npwp;
                                    $nik = $marketplace_transaction->nik;
                                    $nama_tanda_tangan = $marketplace_transaction->sign_name;
                                @endphp
                                <div class="row form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">Buyer</label>
                                    <div class="col-xs-12 col-sm-9">{{ $buyer }}</div>
                                </div>
                                <div class="row form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">Nomor Invoice</label>
                                    <div class="col-xs-12 col-sm-9">{{ $invoice_no }}</div>
                                </div>
                                <div class="row form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">Due Date</label>
                                    <div class="col-xs-12 col-sm-9">{{ $due_date }} days</div>
                                </div>
                                <div class="row form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">NPWP</label>
                                    <div class="col-xs-12 col-sm-9">{{ $npwp ? : '-'}}</div>
                                </div>
                                <div class="row form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">NIK</label>
                                    <div class="col-xs-12 col-sm-9">{{ $nik ? : '-' }}</div>
                                </div>
                                @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>

            <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;">
                                <div class="col-xs-12 col-sm-12 col-md-4">
                                    <h2>Summary</h2>    
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-8 text-right">
                                    <a href="{{ url('resell_marketplace/download/' . Crypt::encrypt($marketplace_transaction->id)) }}" target="_blank" class="btn btn-default"><i class="fa fa-file-text"></i> Download List Item</a>&nbsp;&nbsp;
                                    <a href="{{ url('resell_marketplace/invoice/' . Crypt::encrypt($marketplace_transaction->id)) }}" target="_blank" class="btn btn-default"><i class="fa fa-file-text"></i> Show Invoice</a>&nbsp;&nbsp;
                                    <button type="button" class="btn btn-primary" onclick="showCost({{ $marketplace_transaction->id }})" >
                                        <i class="fa fa-edit"></i> Determine Cost
                                    </button>&nbsp;&nbsp;
                                    <a href="{{ url('resell_marketplace/transaction') }}" class="btn btn-info"><i class="fa fa-arrow-left"></i> Back</a>
                                </div>
                            </div>       
                            <table id="table_subscriber" class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Brand</th>
                                        <th>Certificate</th>
                                        <th>Quantity</th>
                                        <th class="text-right">Weight (Gram)</th>
                                        <th>Seller</th>
                                        <th class="text-right">Total Buying Price (Rp)</th>
                                        <th class="text-right">Total Selling Price (Rp)</th>
                                        <th class="text-center">Detail</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $total_buying_price = $total_selling_price = 0;
                                    @endphp
                                    @forelse($marketplace_transaction->item()->whereNull('parent_id')->get() as $no => $item)
                                        @php
                                            $data_information = json_decode($item->total_data_information, true);
                                            $total_buying_price += $data_information['total_buying_price'];
                                            $total_selling_price += $item->total_selling_price;
                                        @endphp
                                        <tr>
                                            <td>
                                                {{ $item->resell_item->item_brand->brand_name == 'Jewelry Other' ? 'LM Other' : $item->resell_item->item_brand->brand_name }}
                                                <div style="font-size: 10px; font-family: verdana;">{{ $item->resell_item->weight }} Gram</div>
                                            </td>
                                            <td>
                                                <ul style="padding-left: 10px; font-family: verdana; font-size: 11px;">
                                                    <li>{{ $item->resell_item->plu }}</li>
                                                    @foreach($item->item_group as $item_group)
                                                        <li>{{ $item_group->resell_item->plu }}</li>
                                                    @endforeach
                                                </ul>
                                            </td>
                                            <td>{{ $data_information['total_qty'] }}</td>
                                            <td class="text-right">{{ $data_information['total_weight'] }}</td>
                                            <td><a href="{{ url('resell_marketplace/standby_user/' . $item->resell_item->invoice->standby_user_id) }}" class="blueLink">{{ $item->resell_item->invoice->standby_user->name }}</a></td>
                                            <td class="text-right">{{ number_format($data_information['total_buying_price']) }}</td>
                                            <td class="text-right" style="min-width:150px;">
                                                <div id="selling_price_display_{{ $item->id }}" style="margin-top:-4px;">
                                                    <span class="values">{{ number_format($item->total_selling_price) }}</span>
                                                </div>
                                            </td>
                                            <td class="text-center">
                                                <a class="blueLink" onclick="showDetail({{ $item->id }})">Detail</a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="12" class="text-center">Data not found</td>
                                        </tr>
                                    @endforelse
                                    @if($marketplace_transaction->item()->whereNull('parent_id')->count() > 0)
                                        <tfoot>
                                            <tr style="background: #f1f8e9;">
                                                <th colspan="6" class="text-right">TOTAL</th>
                                                {{-- <th class="text-right">{{ number_format($total_buying_price) }}</th> --}}
                                                <th class="text-right">{{ number_format($total_selling_price) }}</th>
                                                <th></th>
                                            </tr>
                                            @php $total_additional_fee = 0; @endphp
                                            @if($marketplace_transaction->additional_fee)
                                                @foreach(json_decode($marketplace_transaction->additional_fee, true) as $label => $fee)
                                                    @php $total_additional_fee += $fee; @endphp
                                                    <tr>
                                                        <td colspan="6" class="text-right">
                                                            {{ ucwords($label) }}
                                                        </td>
                                                        <td class="text-right">{{ number_format($fee) }}</td>
                                                        <td></td>
                                                    </tr>
                                                @endforeach

                                                <tr style="background: #e0f2f1;">
                                                    <th colspan="6" class="text-right">GRAND TOTAL</th>
                                                    {{-- <th class="text-right"></th> --}}
                                                    <th class="text-right">{{ number_format($total_selling_price  + $total_additional_fee) }}</th>
                                                    <th></th>
                                                </tr>
                                            @endif
                                        </tfoot>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>


<div id="modalDetailitem" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-xxl" style="width: 95%;" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel"><i class="fa fa-plus-circle"></i> Detail Item</h4>
            </div>
            <div class="modal-body">
                <div class="row">        
                    <div id="detailPage" class="col-xs-12">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div id="modalCost" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel"><i class="fa fa-edit"></i> Cost</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" name="resell_marketplace_id" value="{{ $marketplace_transaction->id }}">
                <input type="hidden" id="resell_marketplace_detail_id" name="resell_marketplace_detail_id">
                <div id="detailCost"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
    @include('pages.resell_marketplace.create_pageJS');
@endsection