@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="row" style="border-bottom: 1px solid #ddd; margin-bottom: 30px;">
                <div class="col-xs-12 col-sm-12 col-md-7">
                    <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>
                <div class="col-xs-12 col-sm-12 col-md-5 text-right" style="padding-top: 20px;">
                    @if($marketplace_transaction)<h5>Invoice No : {{ $marketplace_transaction->invoice_no }}</h5>@endif
                </div>
            </div>  

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel" style="background: #f8f8f8;">                        
                        <div class="x_content">

                            @if (count($errors) > 0)
                                <div class="alert alert-danger" style="margin-bottom: 15px; background: #ffccbc; color: #000; border:  0px; font-size: 14px;">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            @if (Session::has('success'))
                                <div class="alert alert-info" style="margin-bottom: 15px; background: #c8e6c9; color: #000; border:  0px; font-size: 14px;">
                                    {{ Session::get('success') }}
                                </div>
                            @endif

                            <form class="form-horizontal" method="POST" action="{{ url('resell_marketplace/create') }}">
                                {{ csrf_field() }}
                                <div class="col-xs-12 col-sm-12">
                                    @php
                                        $invoice_no = old('invoice_no');
                                        $buyer = old('buyer');
                                        $invoice_no = old('invoice_no');
                                        $due_date = old('due_date');
                                        $due_date_custom = old('custom_value');
                                        $npwp = old('npwp_value');
                                        $nik = old('nik_value');
                                        $nama_tanda_tangan = old('nama_tanda_tangan');
                                        if($marketplace_transaction) {
                                            $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="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Invoice No</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="text" class="form-control" name="invoice_no" value="{{ $invoice_no }}" placeholder="invoice no" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Buyer</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="text" class="form-control" name="buyer" value="{{ $buyer }}" placeholder="nama buyer" required>
                                        </div>
                                    </div>
                                    {{--
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Nomor Invoice</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control" name="invoice_no" value="{{ $invoice_no }}" placeholder="nomor invoice" required>
                                        </div>
                                    </div>
                                    --}}
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label" style="padding-top: 15px;">Due Date</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <label class="radio-inline">
                                                <input type="radio" name="due_date" id="due_date_CBD" class="due_date" value="cbn" 
                                                @if($marketplace_transaction) @if($due_date == 'cbn') checked @endif @else checked @endif> CBD
                                            </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <label class="radio-inline">
                                                <input type="radio" name="due_date" id="due_date_7" class="due_date" value="7" @if($due_date == '7') checked @endif> 7 hari
                                            </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <label class="radio-inline">
                                                <input type="radio" name="due_date" id="due_date_14" class="due_date" value="14" @if($due_date == '14') checked @endif> 14 hari
                                            </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <label class="radio-inline">
                                                <input type="radio" name="due_date" id="due_date_Custom" class="due_date" value="custom" 
                                                @if(!in_array($due_date, ['cbn', '7', '14', null])) checked @endif> Custom
                                            </label>
                                            <label class="radio-inline">
                                                <input type="text" class="form-control" id="due_date_custom" name="custom_value" placeholder="x hari"
                                                value="@if(!in_array($due_date, ['cbn', '7', '14', null])){{ $due_date_custom }}@endif" disabled required>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label" style="padding-top: 15px;">NPWP</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <label class="radio-inline">
                                                <input type="radio" name="npwp" id="npwp_yes" class="npwp" value="1" 
                                                @if($npwp) checked @endif> Yes
                                            </label>
                                            <label class="radio-inline">
                                                <input type="text" class="form-control" id="npwp_value" name="npwp_value" placeholder="no NPWP" required value="{{ $npwp }}">
                                            </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <label class="radio-inline">
                                                <input type="radio" name="npwp" id="npwp_no" class="npwp" value="0" @if(!$npwp) checked @endif> No
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label" style="padding-top: 15px;">NIK</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <label class="radio-inline">
                                                <input type="radio" name="nik" id="nik_yes" class="nik" value="1" 
                                                 @if($nik) checked @endif> Yes
                                            </label>
                                            <label class="radio-inline">
                                                <input type="text" class="form-control" id="nik_value" name="nik_value" placeholder="no NPWP" required value="{{ $nik }}">
                                            </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <label class="radio-inline">
                                                <input type="radio" name="nik" id="nik_no" class="nik" value="0" @if(!$nik) checked @endif> No
                                            </label>
                                        </div>
                                    </div>
                                    {{--
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Nama Tanda Tangan</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control" name="nama_tanda_tangan" value="{{ $nama_tanda_tangan }}" placeholder="nama buyer pada kolom tanda tangan" required>
                                        </div>
                                    </div>
                                    --}}
                                    
                                    <div class="form-group">
                                        <input type="hidden" name="transaction_id" value="{{ $request['id'] }}">
                                        <label class="col-xs-12 col-sm-3 control-label"></label>
                                        <div class="col-xs-12 col-sm-9" style="padding-top: 10px;">
                                            <button type="submit" class="btn btn-success">
                                                @if(!$marketplace_transaction)
                                                    SAVE AND NEXT ADD ITEM <i class="fa fa-arrow-right"></i>
                                                @else
                                                    UPDATE BUYER DATA</i>
                                                @endif
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>

            @if($marketplace_transaction)
                @php
                    $data_information = $marketplace_transaction->item()->whereNull('parent_id')->get()->map(function($row) {
                                            return [
                                                'total_buying_price' => json_decode($row->total_data_information, true)['total_buying_price'],
                                                'total_selling_price' => $row->total_selling_price,
                                            ];
                                        })->pipe(function($row) {
                                            return collect([
                                                    'grandtotal_buying_price' => $row->sum('total_buying_price'),
                                                    'grandtotal_selling_price' => $row->sum('total_selling_price'),
                                                ]);
                                        });
                    $sum_cost = 0;
                    if($marketplace_transaction->cost_all) {
                        foreach(json_decode($marketplace_transaction->cost_all, true) as $key => $cost) {
                            $sum_cost += $cost[key($cost)];
                        }
                    }

                    $total_different = ($data_information['grandtotal_selling_price'] - $data_information['grandtotal_buying_price']) - $sum_cost;        
                @endphp
                <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-3">
                                        <h2 id="summary">Summary</h2>    
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-9 text-right">
                                        <button type="button" class="btn btn-primary" onclick="listResellLM()"><i class="fa fa-plus-circle"></i> Add Items</button>
                                        <button type="button" class="btn btn-primary" style="display: none;"  data-toggle="modal" data-target="#modalUpdateSellingPrice" @if(count($marketplace_transaction->item) == 0) disabled @endif><i class="fa fa-adjust"></i> Update Selling Price</button>
                                        <button type="button" class="btn btn-primary" onclick="showCost({{ $marketplace_transaction->id }})" @if(count($marketplace_transaction->item) == 0) disabled @endif>
                                            <i class="fa fa-edit"></i> Determine Cost
                                            @if($total_different != 0)
                                                &nbsp;&nbsp;<i class="fa fa-warning" style="color: yellow; font-size: 14px;"></i>
                                            @endif
                                        </button>
                                        <button type="button" class="btn btn-danger" onclick="removeParentItem()" @if(count($marketplace_transaction->item) == 0) disabled @endif><i class="fa fa-trash"></i> Remove</button>
                                    </div>
                                </div>        
                                <table id="table_subscriber" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Select</th>
                                            <th>Brand</th>
                                            <th>Certificate</th>
                                            <th class="text-center">Quantity</th>
                                            <th class="text-right">Total 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><input type="checkbox" id="list_check_{{ $item->id }}" onclick="list_check('{{ $item->id }}')" style="width: 100%; height: 17px;"></td>
                                                <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 class="text-center">{{ $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> | <a onclick="showSellPriceForm({{ $item->id }})" style="font-size: 15px; cursor: pointer;"><i class="fa fa-pencil" ></i></a>
                                                    </div>
                                                    <input type="text" id="selling_price_form_{{ $item->id }}" class="form-control mask_separator" name="selling_price[]" style="width: 100%; text-align: right; display: none;" onblur="showSellPriceLabel({{ $item->id }})" value="{{ $item->total_selling_price }}">
                                                </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="7" class="text-right">TOTAL</th>
                                                    {{-- <th class="text-right">{{ number_format($total_buying_price) }}</th> --}}
                                                    <th class="text-right" style="padding-right: 35px;">{{ 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="7" class="text-right">
                                                                {{ ucwords($label) }} <a href="{{ url('resell_marketplace/' . Crypt::encrypt($marketplace_transaction->id) . '/remove_fee/' . $label) }}" onclick="$('#cover-spin').fadeIn()" class="blueLink" style="color: #f00; font-size: 14px;"><i class="fa fa-trash"></i></a>
                                                            </td>
                                                            <td class="text-right" style="padding-right: 35px;">{{ number_format($fee) }}</td>
                                                            <td></td>
                                                        </tr>
                                                    @endforeach

                                                    <tr style="background: #e0f2f1;">
                                                        <th colspan="7" class="text-right">GRAND TOTAL</th>
                                                        {{-- <th class="text-right"></th> --}}
                                                        <th class="text-right" style="padding-right: 35px;">{{ number_format($marketplace_transaction->grand_total) }}</th>
                                                        <th></th>
                                                    </tr>
                                                @endif
                                            </tfoot>
                                        @endif
                                    </tbody>
                                </table>
                                @if($marketplace_transaction->item()->whereNull('parent_id')->count() > 0)
                                    <button class="btn btn-default" data-toggle="modal" data-target="#modalAdditionalPoint"><i class="fa fa-plus-circle"></i> Additional Fee</button>&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> Create Invoice</a>&nbsp;&nbsp;
                                    <button class="btn btn-primary" onclick="submitTransaction({{ $marketplace_transaction->id }})" @if($total_different != 0) disabled @endif><i class="fa fa-paper-plane"></i> Submit Transaction</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
        @include('includes.footer')
    </div>
</div>

@if($marketplace_transaction)

    <div id="modalResellLM" 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> ADD ITEMS</h4>
                </div>
                <div class="modal-body">
                    <div class="row">                
                        <div class="col-xs-12">
                            <div class="x_panel" style="background: #f8f8f8;">                        
                                <div class="x_content">
                                    <form id="formFilter">
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal">Standby Buyer</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <select class="form-control" name="modal_standby_buyer">
                                                        <option value="" selected>Semua Standby Buyer</option>
                                                        @foreach($standby_users as $user)
                                                            <option value="{{ $user->id }}">{{ strtoupper($user->name) }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 30px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal" style="padding-top: 3px;">Brand</label>
                                                <div class="col-xs-12 col-sm-9">
                                                    @foreach($gold_brands as $brand)
                                                        <div>
                                                            <label class="checkbox-inline">
                                                                <input type="checkbox" name="modal_brand[]" class="modal_brand" value="{{ $brand->id }}"> {{ $brand->brand_name }}
                                                            </label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12" style="margin-top: 20px;">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal">Gram</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input type="text" class="form-control" name="modal_gram" placeholder="masukan gram" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal">Butik</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <select class="form-control" name="modal_butik_store">
                                                        <option value="" selected>Semua Toko</option>
                                                        @foreach($butik_store as $store)
                                                            <option value="{{ $store->id }}">{{ strtoupper($store->brand->name) }} - {{ $store->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal">Start Date</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input type="date" class="form-control" name="modal_start_date" placeholder="pilih tanggal" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal">End Data</label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input type="date" class="form-control" name="modal_end_date" placeholder="pilih tanggal" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12">
                                            <div class="form-group" style="margin-bottom: 40px;">
                                                <label class="col-xs-12 col-sm-2 control-label label-modal"></label>
                                                <div class="col-xs-12 col-sm-5" style="padding-top: 10px;">
                                                    <button type="button" class="btn btn-primary" onclick="doFilter()"><i class="fa fa-search"></i> Cari</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div id="responseLoad" class="col-xs-12">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" id="btnAddItem" class="btn btn-primary" onclick="addItemSubmit()" disabled><i class="fa fa-plus"></i> Add Item</button>
                </div>
            </div>
        </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="modalUpdateSellingPrice" 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> Update Selling Price</h4>
                </div>
                <form method="post" action="{{ url('resell_marketplace/update_selling_price_all') }}">
                    {{ csrf_field() }}
                    <div class="modal-body">
                        <input type="hidden" name="resell_marketplace_id" value="{{ $marketplace_transaction->id }}">
                        @forelse($selected_brands as $brand)
                            <div class="row" style="margin: 7px;">        
                                <div class="col-sm-5" style="padding-top: 7px;">
                                    <b>{{ $brand->item_brand->brand_name }}</b> per Gram
                                </div>
                                <div class="col-sm-6">
                                    <input type="number" class="form-control" name="price_brand_id_{{ $brand->item_brand_id }}" placeholder="masukan selling price" style="padding: 17px !important;">
                                </div>
                            </div>
                        @empty
                        @endforelse
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button class="btn btn-primary"><i class="fa fa-save"></i> Submit</button>
                    </div>
                </form>
            </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> <span id="titleCost">Cost</span></h4>
                </div>
                <form method="post" action="{{ url('resell_marketplace/cost_input') }}">
                    {{ csrf_field() }}
                    <input type="hidden" id="type" name="type" value="cost">
                    <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>
                        <button id="btnSubmitAddCost" class="btn btn-primary" disabled><i class="fa fa-save"></i> Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modalAdditionalPoint" 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> <span id="titleCost">Additional Fee</span></h4>
                </div>
                <form method="post" action="{{ url('resell_marketplace/fee_input') }}">
                    {{ csrf_field() }}
                    <div class="modal-body">
                        <input type="hidden" name="resell_marketplace_id" value="{{ $marketplace_transaction->id }}">
                        <div class="row" style="margin: 5px 0;">
                            <div class="col-sm-6">
                                <input type="text" name="label" class="form-control costClass" placeholder="contoh Shipment" required>
                            </div>
                            <div class="col-sm-6">
                                <input type="number" name="feeAdded" class="form-control feeClass feeAdded" placeholder="contoh 100000" required>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button id="btnSubmitAddFee" class="btn btn-primary"><i class="fa fa-save"></i> Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endif

@endsection

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