@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" action="{{ @$product->id ? 'product/' . $product->id . '/update' : 'product/store' }}"
            method="post" id="signup-form" enctype="multipart/form-data" novalidate>
            @csrf
            <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>{{ @$product->id > 0 ? 'دەستکاریکردنی کاڵا' : 'زیادکردنی کاڵا' }} لە گەنجینەی
                                ({{ $store_name }})</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-8">
                        <div class="widget-content widget-content-area">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <div>جۆری کالا </div>
                                        <label style="margin: 5px"><input type="radio" name="type" value="1"
                                                {{ @$product && @$product->type == '1' ? 'checked' : '' }}>
                                            دانە فرۆش</label>
                                        <label style="margin: 5px"><input type="radio" name="type" value="12"
                                                {{ @$product && @$product->type == '12' ? 'checked' : (!@$product ? 'checked' : '') }}>
                                            دەرزەن فرۆش</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <label>ناوی کاڵا بەکوردی
                                            <span class="text-danger">*</span></label>
                                        <input type="text" name="name" required
                                            value="{{ @old('name') ? old('name') : @$product->name }}" class="form-control">
                                    </div>
                                </div>

                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <label>ناوی کاڵا بەعەرەبی </label>
                                        <input type="text" name="arabic"
                                            value="{{ @old('arabic') ? @old('arabic') : @$product->arabic }}"
                                            class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>باڕکۆد</label>
                                        <input type="text" name="barcode"
                                            value="{{ @old('barcode') ? @old('barcode') : @$product->barcode }}"
                                            class="form-control">
                                    </div>
                                </div>

                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>کۆدی کارتۆن</label>
                                        <input type="text" name="code"
                                            value="{{ @old('code') ? @old('code') : @$product->code }}"
                                            class="form-control">
                                    </div>
                                </div>

                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>بڕی ناوکارتۆن </label>
                                        <input type="number" name="pak_qty" min="0"
                                            value="{{ @old('pak_qty') ? @old('pak_qty') : @$product->pak_qty }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>براند </label>
                                        <input type="text" name="brand"
                                            value="{{ @old('brand') ? @old('brand') : @$product->brand }}"
                                            class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                
                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>بڕی داواکراو</label>
                                        <input type="number" style="text-align:left" name="qty" step="0.1"
                                            min="0" value="{{ @$product->qty }}" class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>نرخی مایە</label>
                                        <input type="number" name="p_price" min=0
                                            value="{{ @old('p_price') ? @old('p_price') : @$product->p_price }}"
                                            class="currency form-control" required>
                                    </div>
                                </div>

                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>نرخی فرۆشتن</label>
                                        <input type="number" name="s_price" min=0
                                            value="{{ @old('s_price') ? @old('s_price') : @$product->s_price }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="form-group">
                                        <label>نرخی فرۆشتن بە کۆ</label>
                                        <input type="number" name="w_price" min=0
                                            value="{{ @old('w_price') ? @old('w_price') : @$product->w_price }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                            </div>
                            @if (@$product)
                                <div class="row mt-2">

                                    <div class="col-12" style="line-height: 30px">
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty }}
                                        </span><b>بڕی</b><br>
                                    </div>

                                    {{-- <div class="col-12" style="line-height: 30px">
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty_1 }} </span><b>بڕی
                                            {{ @App\Helper\Store::store_name_id(1) }}</b><br>
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty_2 }} </span>
                                        <b>بڕی {{ @App\Helper\Store::store_name_id(2) }}</b><br>
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty_3 }}
                                        </span><b>بڕی {{ @App\Helper\Store::store_name_id(3) }}</b><br>
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty_4 }} </span>
                                        <b>بڕی {{ @App\Helper\Store::store_name_id(4) }}</b><br>
                                        <span style="width: 60px;display:inline-block">{{ @$product->qty_5 }} </span>
                                        <b>بڕی {{ @App\Helper\Store::store_name_id(5) }}</b><br>
                                    </div> --}}

                                </div>
                            @endif
                            <div class="row mt-4">
                                <div class="col-6">
                                    @if (@$product->image != '')
                                        <center><img src="https://www.dos-shop.com/{{str_replace('files/product_image','files/product_image/size_500/',$product->image)}}" style="width:50%;margin-bottom:20px">
                                        </center>
                                    @endif
                                    <div class="form-group">
                                        <label class="form-label" for="image">وێنەی کاڵا</label>
                                        <input type="file" name="image" id="image" class="form-control">
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
                <hr>
                <div class="widget-content widget-content-area">
                    <div class="row">
                                <div class="col-6 col-md-3">
                            <div class="form-group">
                                <label>نرخی کڕین </label>
                                <input type="number" name="purchase" step="0.01"
                                    value="{{ @old('purchase') ? @old('purchase') : @$product->purchase }}"
                                    class="form-control">
                            </div>
                        </div>
                                <div class="col-6 col-md-3">
                            <div class="form-group">
                                <label>قەبارە </label>
                                <input type="number" name="cbm" step="0.01"
                                    value="{{ @old('cbm') ? @old('cbm') : @$product->cbm }}" class="form-control">
                            </div>
                        </div>
                                <div class="col-6 col-md-3">
                            <div class="form-group">
                                <label>دابینکەر </label>
                                <input type="text" name="supplier"
                                    value="{{ @old('supplier') ? @old('supplier') : @$product->supplier }}"
                                    class="form-control">
                            </div>
                        </div>
                                <div class="col-6 col-md-3">
                            <div class="form-group">
                                <label>کەمترین بڕ </label>
                                <input type="number" name="min_qty"
                                    value="{{ @old('min_qty') ? @old('min_qty') : @$product->min_qty }}"
                                    class="form-control"required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                                <div class="col-12 col-md-8">
                            <div class="form-group">
                                <label>تێبینی </label>
                                <input type="text" name="note"
                                    value="{{ @old('note') ? @old('note') : @$product->note }}" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="widget-footer text-left">
                    <button type="submit" id="submitButton" class="btn btn-primary mr-2"> پاشەکەوتکردن</button>
                </div>
                @if (@$product)
                    <div class="text-right">
                        <a data-href="./product/{{ $product->id }}/destroy" data-toggle="modal"
                            data-target="#confirm-delete" class="bs-tooltip font-20 text-danger" title=""
                            data-original-title="سڕینەوەی ئەم کاڵایە"><i class="las la-trash"></i></a>

                    </div>
                @endif
            </div>
        </form>
    </div>

    <script>
        $(document).ready(function() {
            $('#confirm-delete').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
        });
    </script>
    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    سڕینەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم کاڵایە بسڕیتەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-danger btn-ok">بەڵێ</a>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {



            (function() {
                'use strict'

                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.querySelectorAll('.needs-validation')

                // Loop over them and prevent submission
                Array.prototype.slice.call(forms)
                    .forEach(function(form) {
                        form.addEventListener('submit', function(event) {
                            if (!form.checkValidity()) {
                                event.preventDefault()
                                event.stopPropagation()
                            }

                            form.classList.add('was-validated')


                        }, false)
                    })


            })();
        });
    </script>


    @if (@$history)
        <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">
                            <h4>مێژووی دەستکاریکردنی ئەم کاڵایە</h4>
                        </div>
                    </div>
                </div>
                <div class="widget-content-area">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>جۆر</th>
                                    <th>بەروار</th>
                                    <th>ناو</th>
                                    <th>کۆدی کارتۆن</th>
                                    <th>براند</th>
                                    <th>بڕ</th>
                                    <th>مایە</th>
                                    <th>فرۆشتن</th>
                                    <th>کۆ</th>
                                    <th>CBM</th>
                                    <th>کڕین</th>
                                    <th>لەلایەن</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($history as $item)
                                    @php
                                        $data = @unserialize($item->data);
                                    @endphp
                                    <tr class="{{ @$data['type'] == 'old' ? 'his_old' : 'his_new' }}">
                                        <td>{{ @$data['type'] == 'old' ? 'پێش دەستکاریکردن' : 'نوێ' }}</td>
                                        <td>{{ $item->created_at }}</td>
                                        <td><strong>{{ $data['name'] }}</strong></td>
                                        <td>{{ $data['code'] }}</td>
                                        <td>{{ $data['brand'] }}</td>
                                        <td>{{ @$data['qty'] }}</td>
                                        <td>{{ number_format($data['p_price']) }}</td>
                                        <td>{{ number_format($data['s_price']) }}</td>
                                        <td>{{ number_format($data['w_price']) }}</td>
                                        <td>{{ $data['cbm'] }}</td>
                                        <td>{{ $data['purchase'] }}</td>
                                        <td>{{ @$user[$item->admin_id] }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection