@extends('layouts.main')

@section('content')
    <script src="assets/js/libs/jquery-3.1.1.min.js"></script>
    <div class="col-lg-12 layout-spacing">
        <div class="statbox widget box box-shadow">
            <div class="widget-header">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                        @if(@$sell)
                        <h4> مێژووی دەستکاریکردنی پسووڵەی  ({{ $sell->id }}) </h4>

                        @else
                            <h4>مێژووی دەستکاریکردنە تۆمار نەکراوەکان</h4>
                        @endif
                    </div>
                </div>
            </div>
            <div class="widget-content widget-content-area">

                @foreach ($history as $value)
                    <div id="history_file"> 
                        <div class="items"> 
                            <table class="item mt-3" border=1>
                                <tr>
                                    <th class="text-center text-primary p-3" style="font-size: 12pt" colspan="10">{{ date('Y/m/d H:i:s',$value['time']) }} - {{$value["type"]=="auto"?'خۆکارانە':'پاشەکەوتکردن'}} - {{$value['user']}}</th>
                                </tr>
                                @foreach ($value['items'] as $item)
                                    <tr>
                                        <td class="id">{{ $item['product_id'] }}</td>
                                        <td><img src="{{ $item['image'] }}" class="image"></td>
                                        <td class="code">{{ $item['code'] }}</td>
                                        <td class="name">{{ $item['name'] }}</td>
                                        <td class="price">{{ $item['s_price'] }}</td>
                                        <td class="type">{{ $item['qty'] }} {{ $item['type']=="pak" ?'کارتۆن' :'دانە' }}</td>
                                    
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                @endforeach 



   
            </div>
            <Br><br>
            <Center>
                </Center>
            
            <Br><br>
        </div> 
    </div>

@endsection