@extends('layouts.website')

@section('content') 

@include('shared.messages')

<h1 style="margin-top:-10px;">Шаблони</h1>

<div class="page_wrapping_div">
    @if(isset($user_lists) && count($user_lists)>0)

        <div class="panel-group" id="accordion">
            @foreach($user_lists as $index=>$user_list)
            <div class="form-inline panel panel-default">
                <div class="panel-heading" id="heading{{$index}}" style="padding:20px 15px !important;">  
                    <h4 class="panel-title" style="display:inline-block;">{{$user_list->title}}</h4>
                    <div style='float:right;'>
                        <a class="btn btn-green" data-toggle="collapse" data-parent="#accordion" href="#collapse{{$index}}">Виж повече</a>
                        <a class="btn btn-black load-btn" data-rows="{{count($user_list->items)}}" href="{{route('website.load_user_list',$user_list->id)}}" >Зареди</a>
                        <button class="btn btn-danger delete-btn" data-id="{{$user_list->id}}">Изтрий</button>
                    </div>                     
                </div>
                <div id="collapse{{$index}}" class="panel-collapse collapse">
                    <table class="table table-bordered">
                        <tr>
                            <th colspan="2" class="text-center">Продукт</th>
                            <th class="text-center">Мярка</th>
                            <th class="text-center">Количество</th>
                        </tr>    
                    @foreach($user_list->items as $item)
                    <tr>
                        <td><img style='max-height:34px;' width="100" src="{{$item->product->images[0]!=null ? url('/images/products/thumbs/'.$item->product->images[0]->name) :''}}" alt=""></td>
                        <td>{{$item->product->name}}</td>
                        <td class="text-center">{{$item->package_id==1 ? $item->product->package->name : 'брой'}}</td>                        
                        <td class="text-center">{{$item->quantity}}</td>
                    </tr>
                    @endforeach
                    </table>
                </div>
            </div>
            @endforeach
        </div>
    @else
    <h3>Няма шаблони за показване</h3>
    @endif
</div>

<script>
    $('.delete-btn').on('click', function(){
        var element = $(this);
        var id = $(element).attr('data-id');
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/delete_user_list',
                        type: 'POST',
                data: { 
                        'id' : id,
                },
                success: function(response){
                    if(response.success){
                        $(element).closest('.panel-default').remove();
                        if($('.delete-btn').length==0){
                            $('.page_wrapping_div').html('<h3>Няма шаблони за показване</h3>');
                        }
                    }
                    else{
                        alert(response.warning);
                    }
                }
            });
    });
    
    $('.load-btn').on('click', function(e){
        var list_rows = $(this).attr('data-rows');
        var cart_rows = {{ $user_cart_totals->cart_rows ?? 0}};
        
        if(parseFloat(list_rows) + parseFloat(cart_rows) > {{config('sklad.max_order_rows')}}){
            e.preventDefault();
            alert('Невъзможна операция. Подайте набраната досега поръчка и продължете в нова.')
        }
    });
</script>
@endsection