@extends('layouts.admin')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('item.add_related_item') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('related-items.index') !!}">{!! __('item.related_item') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('item.add_related_item') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">

    <div class="row">
        <div class="col-12">
            <div class="error-msg font-14 mt-2"></div>
            <div class="round-white-bg box-shadow">
                <div class="row">
                    <div class="col-12 mt-2">
                        <div class="filters">

                        {!! Form::open(array('route' => 'related-items.create', 'method' => 'GET')) !!}
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group custom-input-group custom-input-group-small">
                                    {!! Form::select('category[]', $categories,
                                    (isset($_GET['category']))?($_GET['category']):null, ['class'=>'form-control select2','multiple'=>true]) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group custom-input-group custom-input-group-small">
                                     {!! Form::text("keyword", (isset($_GET['keyword']))?$_GET['keyword']:'', ['placeholder'=> __('item.item_name'),'class'=>'form-control custom-input-group custom-input-group-small']) !!}
                                </div>
                            </div>
                            <div class="col-md-1">
                                {!! Form::submit(__('orders.search'), ['class'=>'btn btn-primary waves-effect waves-light width80']) !!}
                            </div>
                            <div class="col-md-2">
                               <a href="{{ route('related-items.create') }}"> {!! Form::button(__('orders.reset'), ['class'=>'btn btn-primary waves-effect waves-light width80']) !!}</a>
                            </div>
                        </div>
                        </div>
                        {!! Form::close() !!}
                        <div class="row">
                            <div class="col-12">
                                <div class="card m-b-30">
                                    <div class="card-body">
                                      @if(isset($result) && count($result)>0)
                                            <div class="row">
                                                @php
                                                    $i = 1;
                                                @endphp

                                               @foreach ($result as $r_item)

                                               @php
                                                     if($r_item->is_schedule==1){
                    
                                                        $currentDate=strtotime(currentDate(true));
                                                        $startDate = strtotime($r_item->start_date);
                                                        $endDate = strtotime($r_item->end_date);
                                                      
                                                         if(!($currentDate > $startDate && $currentDate < $endDate)) {
     continue;
}
                                                    }

                                               @endphp  
                                                        <div class="col-sm-4 col-md-3 mb-4">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="text-center">
                                                                        <img src="{{ getImagePath($r_item->featured_image,"product") }}" width="100px" height="180px" class="rel-img">
                                                                    </div>
                                                                    <div style="margin-top:15px;"></div>
                                                                    <h6></h6>
                                                                    <div class="row">
                                                                        <div class="col-sm">

                                                                            {{ numberFormat($r_item->regular_price) }}
                                                                        </div>
                                                                        <div class="col-sm">
                                                                            {{ numberFormat($r_item->offer_price) }}

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <button data-id="{{ $r_item->id }}" data-text="add" class="add_button btn btn-primary  waves-effect waves-light">+ ADD</button>
                                                            </div>
                                                        </div>
                                               @endforeach
                                            </div>
                                    </div>
                                    <div class="card-footer text-center">

                                        <input type="hidden" id="add_related" value="[]" name="add_related">

                                        <button class="btn btn-lg btn-primary waves-effect waves-light related_submit_button" style="font-size: 1.25rem;">{!! __('item.add_related_item') !!}</button>
                                    </div>
                                @else
                                    <div class="d-flex justify-content-center h5">{!! __('message.not-found') !!}</div>
                              @endif
                                </div>
                                 {{-- Pagination --}}
                                <div class="d-flex justify-content-center" style="margin-top: 20px">

                                    {!! $result->withQueryString()->links() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection
@section('script')
<script>
    $(document).on("click", ".add_button", function(e) {
        e.preventDefault();
        var obj = $(this);
        var items = JSON.parse($("#add_related").val());
        if (items.indexOf(obj.data('id')) == -1) {
            items.push(obj.data('id'));
            obj.text("- REMOVE");
            obj.data("text", "remove");
            obj.removeClass("btn-primary")
            obj.addClass("btn-danger")
        } else {
            items.indexOf(obj.data('id')) !== -1 && items.splice(items.indexOf(obj.data('id')), 1);
            obj.text("+ ADD");
            obj.data("text", "add");
            obj.removeClass("btn-danger")
            obj.addClass("btn-primary")
        }
        $("#add_related").val(JSON.stringify(items));
    });

    $(document).on("click", ".related_submit_button", function(e) {
        e.preventDefault();
        var related = ($("#add_related").val());
        $.ajax({
            type: "POST",
            data: {
                ids: related,
                _token:token
            },
            dataType: "JSON",
            url: "{{ route('related-items.store') }}",
            success: function(response) {

                if (response.status==200) {
                    alert(response.message);
                    window.location.reload();
                } else {
                    alert(response.message);
                }
                //location.reload();
            }
        });
    });
</script>
@endsection