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

        .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" style="margin-bottom: 3px;">
                    <div class="col-xs-12 col-sm-12 col-md-7">
                        <div class="title_left">
                            <h3><i class="fa fa-edit"></i> List Item</h3>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-5 text-right" style="padding-top: 15px;">
                        <a href="{{ url('resell_marketplace/item/') }}" class="btn btn-sm btn-primary"><i class="fa fa-arrow-left"></i> Back</a>
                    </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" style="padding-top: 15px;">
                                    <button id="btnRemoveList" class="btn btn-sm btn-warning"><i class="fa fa-trash"></i> Remove</button>
                                </div>
                            </div>
                            <div style="zoom: 0.9">        
                                <table id="table_subscriber" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Nomor Invoice</th>
                                            <th>Brand</th>
                                            <th>Weight (Gram)</th>
                                            <th>Tanggal Transaksi</th>
                                            <th>Butik</th>
                                            <th>Harga Buyback</th>
                                            <th>Nama Seller</th>
                                            <th>Email</th>
                                            <th>Handphone</th>
                                            <th>Photo</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($list_same_items as $no => $item)
                                            <tr>
                                                <td>{{ $item->invoice->invoice }}</td>
                                                <td>
                                                    {{ $item->item_brand->brand_name == 'Jewelry Other' ? 'LM Other' : $item->item_brand->brand_name }}
                                                    <div style="font-size: 11px">({{ $item->plu }})</div>
                                                </td>
                                                <td>{{ $item->weight }}</td>
                                                <td>{{ \Carbon\Carbon::parse($item->invoice->invoice_date)->format('d F Y') }}</td>
                                                <td>
                                                    <b>{{ ucwords(strtolower($item->invoice->store->brand->name)) }}</b><br>
                                                    {{ $item->invoice->store->name }}
                                                </td>
                                                <td class="text-right">{{ number_format($item->price) }}</td>
                                                <td>{{ $item->invoice->customer_name }}</td>
                                                <td>{{ $item->invoice->customer_email }}</td>
                                                <td>{{ $item->invoice->customer_handphone }}</td>
                                                <td>
                                                    @if($item->invoice_detail_image->count() > 0)
                                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $item->invoice_detail_image[0]->image }}?lastmod={{ date('ymdhis') }}" target="_blank">
                                                            <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $item->invoice_detail_image[0]->image }}?lastmod={{ date('ymdhis') }}" width="60px" style="padding: 3px; border: 1px solid #ddd;">
                                                        </a>
                                                    @else
                                                        <img src="{{ asset('images/no-img.jpg') }}" width="60px" style="padding: 4px; border: 1px solid #ddd;">
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="12" class="text-center">Data not found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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

@endsection

@section('scripts')
@endsection