@extends('layouts.main')

@section('content')
    <script src="assets/js/libs/jquery-3.1.1.min.js"></script>

    <div class="col-lg-12 layout-spacing">
        <form class="needs-validation" novalidate action="./product/excel/store" method="post" enctype="multipart/form-data">
            @csrf

            <div class="statbox widget box box-shadow ">

                <div class="row">
                    <div class="col-5"> 
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                                    <h4>هێنانی کاڵا بەفایلی xlsx</h4>
                                </div>
                            </div>
                        </div>

                        <div class=" ">
                            <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 mt-1">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-label" for="file">فایلی ئێکسڵ</label>
                                        <input type="file" name="file" id="file" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <button type="submit" class="btn  btn-primary print">ئەپلۆدکردن</button>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-7">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                                    <h4>هێنانی کاڵا بەفایلی xlsx</h4>
                                </div>
                            </div>
                        </div>
                        123123
                    </div>

                </div>

            </div>


        </form>
        <form action="./product/excel/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="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 class="text-right">
                                            <a href="./product/excel/{{ $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>

    <!-- Modal -->
    <div class="modal fade" id="modaloka" tabindex="-1" role="dialog" aria-labelledby="modalokaLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalokaLabel">ڕاگرتنی کاڵا</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <p class="modal-text">ئایا ڕازیت ئەم کاڵایە ڕابگریت؟</p>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> داخستن</button>
                    <button type="button" id="yes" data-ids="0" class="btn btn-primary">پاشەکەوت</button>
                </div>
            </div>
        </div>

    </div>


    <script>
        $(document).ready(function() {
            $("#cbx_all").click(function() {
                $('.check_item:checkbox').not(this).prop('checked', this.checked);
            });
        });
    </script>
@endsection