@extends('layouts.app')

@section('linktext')

@endsection

@section('content')
    <div class="container">


        {{ $lists->links('vendor.pagination.default') }}

        <div class="col-lg-12">
            <ul class="white icon-lists">

            @foreach ($lists as $list)

                    <li class="icon">
                            <span @if($list['status']==2)style="opacity: 0.5"@endif>
                                @if($list['status']==2) <span class="glyphicon glyphicon-star-empty star"></span> @endif
                                    @if($list['status']==1) <span class="glyphicon glyphicon-download star"></span> @endif
                                <img style="opacity: 0.5%" src="{{$list['img']}}" alt="">

                                <div class="cover">
                                    <p><button type="button" id='{{$list['id']}}' typ="elect" class="btn btn-success clickbottom"><span class="glyphicon glyphicon-star-empty"></span></button></p>
                                </div>
                            </span>
                    </li>

            @endforeach
            </ul>
        </div>


    </div>
    {{ $lists->links('vendor.pagination.default') }}
@endsection

@section('scriptext')
    <script>
        $(document).ready(function(){

            $(".clickbottom").click(function(){
                var typ = $(this).attr('typ');
                var id = $(this).attr('id');

                $.ajax({
                    type: 'get',
                    url: 'ecad/clickbottom',
                    data: {
                        'typ': typ,
                        'id': id,
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {

                        if(data['typmessage']=='success'){
                            document.getElementById(id).style.display='none';

                            toastr.success(data['message'], 'Success Alert '+id, {timeOut: 5000});
                        }
                        if(data['typmessage']=='warning'){
                            toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
                        }
                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });
            });

        });
    </script>

@endsection