@extends('admin::index')

@section('content')
    <section class="content-header">
        <h1>
            {{ $header or trans('admin.title') }}
            <small>{{ $description or trans('admin.description') }}</small>
        </h1>

        <!-- breadcrumb start -->
    @include('partials.breadcrumb')
    <!-- breadcrumb end -->

    </section>

    <section class="content">

        @include('partials.error')
        @include('admin::partials.exception')
        @include('admin::partials.toastr')

        {{-- MAIN CONTENT --}}
        <div class="row">
            <div class="col-sm-12">
                <div class="box">
                    <div class="box-header with-border">
                        <a class="btn btn-warning btn-lg" href="{{ route('products.create') }}"><i class="fa fa-plus"></i> {{ __('Thêm sản phẩm') }}</a>
                        <div class="filter-zone pull-right">
                            <div class="inline">

                                {{ Form::open(array('url' =>  url()->current(), 'method' => 'get', 'class' => 'filter-group')) }}
                                <div class="flex space-between">
                                    <div class="input-group-sm" style="width: 170px; margin-right: 6px;">
                                        <select name="expiring" class="form-control" id="filter-expiring" data-redirect="{{ route('products.index') }}">
                                            <option value="">{{ __('Tất cả') }}</option>
                                            <option value="near">{{ __('Gần hết hạn') }}</option>
                                            <option value="expired">{{ __('Đã hết hạn') }}</option>
                                        </select>
                                    </div>
                                    <div class="input-group input-group-sm" style="width: 150px;">
                                        <input type="text" name="q" class="form-control pull-right"
                                               placeholder="Nhập Tên hoặc Mã" value="{{ request('q') }}" style="width: 300px">

                                        <div class="input-group-btn">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                    <div class="box-body no-padding">
                        <table class="table table-bordered with-bg">
                            <tr>
                                <th width="100">{{__('Ảnh')}}</th>
                                <th class="shirk">{{__('Mã SP')}}</th>
                                <th>{{__('Tên')}}</th>
                                <th class="shirk">{{__('Giá bán')}}</th>
                                <th width="20%">{{__('Danh mục')}}</th>
                                <th class="shirk">{{__('Ngày tạo')}}</th>
                                <th class="shirk">{{__('Hạn sử dụng')}}</th>
                                <th class="shirk"></th>

                            </tr>
                            <tbody class="table-body ">
                            @forelse($products as $order)
                                @php
                                    $isExpired = $order->expiry_date
                                        && $order->expiry_date->lt(\Carbon\Carbon::today());
                                    $isNearExpiry = $order->expiry_date
                                        && $order->expiry_date->gte(\Carbon\Carbon::today())
                                        && $order->expiry_date->lte(\Carbon\Carbon::today()->addDays($nearExpiryDays));
                                @endphp
                                <tr>
                                    <td><img class="product-img object-cover" src="{{ asset($order->pictures ?: 'images/noimage.png') }}"></td>
                                    <td>{{ $order->code }}</td>
                                    <td>
                                        <a href="{{ route('products.edit',[$order->id]) }}">{{ $order->name }}</a>
                                    </td>
                                    <td class="text-right bold text-danger">
                                        {{ number_format($order->sale_price,1)}}₫
                                    </td>
                                    <td>
                                        <span class="label label-default label-md">{{ $order->category->name }}</span>
                                    </td>
                                    <td class="text-center shirk">
                                        {{ $order->updated_at->format('d-m-Y H:i') }}
                                    </td>
                                    <td class="text-center shirk {{ $isExpired ? 'text-danger bold' : ($isNearExpiry ? 'text-warning bold' : '') }}">
                                        {{ $order->expiry_date ? $order->expiry_date->format('d/m/Y') : '' }}
                                    </td>
                                    <td class="text-center shirk">
                                        <a class="grid-row-delete2" data-url="{{ route('products.destroy',[$order->id]) }}"> <i class="fa fa-trash"></i> </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" align="center"><h5>{{__('Không có dữ liệu')}}</h5></td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if(has_paging($products))
                        <div class="box-footer">
                            {!!  $products->appends(request()->query())->links() !!}
                        </div>
                    @endif
                </div>
            </div>
        </div>

    </section>

    <script>
        $(function () {
            $(document).ready(function () {
                var urlParams = new URLSearchParams(window.location.search)
                var expiringParam = urlParams.get('expiring')
                if (expiringParam) {
                    $('#filter-expiring').val(expiringParam)
                }
            });
            $('#filter-expiring').on('change', function (e) {
                let params = [
                    ($(this).val() ? 'expiring=' + $(this).val() : ''),
                    ($('input[name=q]').val() ? 'q=' + $('input[name=q]').val() : '')
                ];
                let paramStr = params.filter(x => !!x).join('&')
                var redirectUrl = $(this).data('redirect') + (paramStr ? '?' + paramStr : '');
                window.location.replace(redirectUrl);
            })
        });
    </script>
@endsection

@php

@endphp