@extends('layouts.main')

@section('content')
    <div class="col-lg-12 layout-spacing">
        <form class="needs-validation" action="container/import_xlsx" method="post" enctype="multipart/form-data">
            @csrf

            <input type="hidden" name="edit_id" value="{{ @$container->id }}">
            <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">
                            <h4>کڕین لە ڕێی Excel ەوە</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-8">
                        <div class="widget-content widget-content-area">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>کۆنتێنەر دیاری بکە</label>
                                        <select name="container_id" class="form-control" style="padding:0px">
                                            <option value=""></option>
                                            @foreach($containers as $con)
                                                <option value="{{$con->id}}">{{$con->code}}- {{$con->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-label" for="sample">نموونەی فایلە ئێکسڵەکە</label>
                                        <a href="assets/sample.xlsx">داگرتن</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>فایلی ئامادەکراو</label>
                                        <input type="file" name="file" class="form-control">
                                    </div>
                                </div>
                            </div>

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

                <div class="widget-footer text-left">
                    <button type="submit" class="btn btn-primary mr-2"> پاشەکەوتکردن</button>
                </div>
            </div>
        </form>

        <form action="./container/import_xlsx/actions" method="post" enctype="multipart/form-data">
            @csrf
            <div class="statbox widget box box-shadow mt-3">
                <div class="widget-header">
                    <div class="row">
                        <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                            <h4>لیستی کاڵا کاتیەکان</h4>

                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th width="30">
                                        <div class="th-content">
                                            <div class="login-one-inputs check">
                                                <input class="inp-cbx cbx_all" id="cbx_all" type="checkbox"
                                                    style="display: none">
                                                <label class="cbx" for="cbx_all">
                                                    <span>
                                                        <svg width="12px" height="10px" viewBox="0 0 12 10">
                                                            <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
                                                        </svg>
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </th>
                                    <th width="50">
                                        <div class="th-content text-center">#</div>
                                    </th>
                                    <th width="80">
                                        <div class="th-content text-center">کۆد</div>
                                    </th>
                                    <th width="80">
                                        <div class="th-content text-center">کۆد DB</div>
                                    </th>
                                    <th>
                                        <div class="th-content">ناوی کاڵا</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">نرخی مایە</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">نرخی فرۆشتن</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">نرخی جوملە</div>
                                    </th>
                                    <th width="150">
                                        <div class="th-content text-center">بڕی ناو کارتۆن</div>
                                    </th>
                                    <th width="150">
                                        <div class="th-content text-center">بڕی بەردەست</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">دابینکەر</div>
                                    </th>
                                    <th width="100">
                                        <div class="th-content text-center">کۆنتێنەر</div>
                                    </th>
                                    <th width="70">
                                        <div class="th-content text-center">کارەکان</div>
                                    </th>
                                </tr>
                            </thead>


                            <tbody>
                                @foreach ($products as $product)
                                    
                                    <tr {!! $problem !!}>
                                        <td>
                                            <div class="login-one-inputs ">
                                                <input class="inp-cbx check_item" value="{{ $product->id }}" name="ids[]"
                                                    id="cbx_{{ $product->id }}" type="checkbox" style="display: none">
                                                <label class="cbx" for="cbx_{{ $product->id }}">
                                                    <span>
                                                        <svg width="12px" height="10px" viewBox="0 0 12 10">
                                                            <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
                                                        </svg>
                                                    </span>
                                                </label>
                                            </div>
                                        </td>
 
                                        <td>{{ $product->id }}</td>
                                        <td style="background:#dae9ff;font-size:12pt;font-weight:bold;" align=center>
                                            {{ $product->code }}</td>
                                        <td style="background:hsl(136, 100%, 93%);font-size:11pt;font-weight:bold;"
                                            align=center><a
                                                href="./product/{{ $product->db_id }}/edit">{{ $product->db_id }}</a></td>

                                        <td>{{ $product->name }}</td>
                                        <td align=center><b>{{ @number_format($product->price_pur) }}
                                            </b>{{ $product->type == 1 ? 'دانە' : '' }}</td>
                                        <td align=center><b>{{ @number_format($product->price_sell) }}
                                            </b>{{ $product->type == 1 ? 'دانە' : '' }}</td>
                                        <td align=center><b>{{ @number_format($product->price_whole) }}
                                            </b>{{ $product->type == 1 ? 'دانە' : '' }}</td>
                                        <td align=center>{{ $product->pak_qty }}</td>
                                        <td align=center>{{ $product->qty }} دانە /
                                            {{ $product->qty / $product->pak_qty }} کارتۆن</td>
                                        <td align=center>{{ $product->supplier }}</td>
                                        <td align=center>{{ @$product->container->code }}</td>

                                        <td class="text-right">
                                            <a href="./container/import_xlsx/{{ $product->id }}/edit"
                                                class="bs-tooltip font-20 text-primary" title=""
                                                data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>


                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>



                        </table>
                        <div class="row">
                            <div style="margin: 10px">
                                <button type="submit" name="add" value="true"
                                    class="btn btn-primary confirmClick">زیادکردنی دیاریکراوەکان بۆ لیستی کاڵا
                                    سەرەکیەکان</button>
                                &nbsp; &nbsp; &nbsp;
                                <button type="submit" name="delete" value="true"
                                    class="btn btn-danger confirmClick">سڕینەوەی دیاریکراوەکان</button>
                            </div>
                        </div>

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

        </form>
    </div>
 <script>
        $(document).ready(function() {


            $("#cbx_all").click(function() {
                $('.check_item:checkbox').not(this).prop('checked', this.checked);
            });


        });
    </script>
@endsection