@extends('layouts.master')
@section('title')
    {{translate('product')}}
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{translate('product')}} </h6>

            <div class="heading-elements">
                @if(Sentinel::hasAccess('stock.create'))
                    <a href="{{ url('product/create') }}"
                       class="btn btn-info btn-sm">{{translate('add product')}} </a>
                @endif
            </div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="panel panel-body bg-blue-400 has-bg-image">
                        <div class="media no-margin">
                            <div class="media-body">
                                <h3 class="no-margin">{{ \App\Models\Product::sum('qty') }}</h3>
                                <span
                                    class="text-uppercase text-size-mini">{{ translate('total item') }}</span>
                            </div>

                            <div class="media-right media-middle">
                                <i class="icon-cube3 icon-3x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix visible-sm-block"></div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="panel panel-body bg-green-400 has-bg-image">
                        <div class="media no-margin">
                            <div class="media-body">

                                <h3 class="no-margin"> {{ currency_converter(\App\Helpers\GeneralHelper::stock_total_cost_amount()) }} </h3>
                                <span
                                    class="text-uppercase text-size-mini">{{ translate('total cost value') }}</span>
                            </div>
                            <div class="media-right media-middle">
                                <i class="icon-files-empty icon-3x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="panel panel-body bg-green-400 has-bg-image">
                        <div class="media no-margin">
                            <div class="media-body">

                                <h3 class="no-margin"> {{ currency_converter(\App\Helpers\GeneralHelper::stock_total_selling_amount()) }} </h3>
                                <span
                                    class="text-uppercase text-size-mini">{{ translate('total selling value') }}</span>
                            </div>
                            <div class="media-right media-middle">
                                <i class="icon-coin-dollar icon-3x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="panel panel-body bg-blue-400 has-bg-image">
                        <div class="media no-margin">
                            <div class="media-body">

                                <h3 class="no-margin"> {{ currency_converter(\App\Helpers\GeneralHelper::stock_total_selling_amount()-\App\Helpers\GeneralHelper::stock_total_cost_amount()) }} </h3>
                                <span
                                    class="text-uppercase text-size-mini">{{ translate('expected profit') }}</span>
                            </div>
                            <div class="media-right media-middle">
                                <i class="icon-wallet icon-3x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="table-responsive">
                <table id="data-table" class="table table-condensed table-hover">
                    <thead>
                    <tr>
                        <th>{{translate('id')}}</th>
                        <th><i class="fa fa-picture-o"></i></th>
                        <th>{{translate('name')}}</th>
                        <th>{{translate('code')}}</th>
                        <th>{{translate('qty')}}</th>
                        <th>{{translate('alert on')}}</th>
                        <th>{{translate('cost_price')}}</th>
                        <th>{{translate('selling_price')}}</th>
                        <th>{{translate('category')}}</th>
                        <th>{{ translate('action') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key)
                        <tr>
                            <td>{{ $key->id }}</td>
                            <td>
                                @if(!empty($key->picture))
                                    <a class="fancybox" rel="group"
                                       href="{{ url(asset('uploads/'.$key->picture)) }}"> <img
                                            src="{{ url(asset('uploads/'.$key->picture)) }}"
                                            style="max-width: 40px!important;"/></a>
                                @endif
                            </td>
                            <td>{{ $key->name }}</td>
                            <td>{{ $key->code }}</td>
                            <td>{{ $key->qty }}</td>
                            <td>{{ $key->alert_qty }}</td>
                            <td>
                                {{currency_converter($key->cost_price)}}
                            </td>
                            <td>
                                {{currency_converter($key->selling_price)}}
                            </td>
                            <td>
                                                                    @foreach($key->categories as $category)
                                    @if(!empty($category->category))
                                        <a href="#">{{$category->category->name}}</a>
                                        @if(count($key->categories)!=$c)
                                            ,
                                        @endif
                                    @endif
                                                                        @endforeach
                            </td>
                            <td>
                                <ul class="icons-list">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                            <i class="icon-menu9"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            @if(Sentinel::hasAccess('stock.view'))
                                                <li><a href="{{ url('product/'.$key->id.'/show') }}"><i
                                                            class="fa fa-search"></i> {{ translate('detail') }}
                                                    </a>
                                                </li>
                                            @endif
                                            @if(Sentinel::hasAccess('stock.update'))
                                                <li><a href="{{ url('product/'.$key->id.'/edit') }}"><i
                                                            class="fa fa-edit"></i> {{ translate('edit') }} </a>
                                                </li>
                                            @endif
                                            @if(Sentinel::hasAccess('stock.delete'))
                                                <li><a href="{{ url('product/'.$key->id.'/delete') }}"
                                                       class="delete"><i
                                                            class="fa fa-trash"></i> {{ translate('delete') }}
                                                    </a>
                                                </li>
                                            @endif
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script>
        $('#data-table').DataTable({
            "order": [[0, "asc"]],
            "columnDefs": [
                {"orderable": false, "targets": [9]}
            ],
            "language": {
                "lengthMenu": "{{ translate('lengthMenu') }}",
                "zeroRecords": "{{ translate('zeroRecords') }}",
                "info": "{{ translate('info') }}",
                "infoEmpty": "{{ translate('infoEmpty') }}",
                "search": "{{ translate('search') }}",
                "infoFiltered": "{{ translate('infoFiltered') }}",
                "paginate": {
                    "first": "{{ translate('first') }}",
                    "last": "{{ translate('last') }}",
                    "next": "{{ translate('next') }}",
                    "previous": "{{ translate('previous') }}"
                }
            },
            responsive: false
        });
    </script>
@endsection