@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Campaign Donasi Own Menu</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ route('campaign_donasi_own_menu_list') }}">Campaign Donasi Own Menu</a></li>
                        <li class="active">List</li>
                    </ol>
                </div>

                <div class="col-xs-12">
                    <div class="x_content">
                        <div class="col-sm-12 text-right">
                            <a href="{{ route('campaign_donasi_own_menu_new') }}" class="btn btn-primary"><i
                                    class="fa fa-plus" aria-hidden="true"></i> Add</a>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">
                            <table id="table_subscriber" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">Nama Campaign</th>
                                        <th class="text-center">Keterangan</th>
                                        <th class="text-center">Image</th>
                                        <th class="text-center">Tujuan</th>
                                        <th class="text-center">Total</th>
                                        <th class="text-center">Action</th>
                                        <th class="text-center">Active</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data as $item)
                                    <tr>
                                        <td class="text-center">{{ $item->nama_campaign }}</td>
                                        <td class="text-center">{{ $item->keterangan }}</td>
                                        <td class="text-center">
                                            @if($item->image)
                                            <img src="{{ env('ALIYUN_OSS_IMAGE_URL') . '/' . env('ALIYUN_OSS_FOLDER_CAMPAIGN_DONASI') . '/' . $item->image }}"
                                                height="50" />
                                            @endif    
                                        </td>
                                        <td class="text-center">{{ $item->name }}</td>
                                        <td class="text-center">
                                            @if($item->total_gram)
                                            {{ $item->total_gram }}
                                            @else
                                            0
                                            @endif
                                            gram</td>
                                        <td class="text-center">
                                            <a href="{{ route('campaign_donasi_own_menu_view', ['id'=>encrypt($item->id)])  }}"
                                                class="btn btn-default btn-xs"><i class="fa fa-search"
                                                    aria-hidden="true"></i>View Transaction</a>
                                            <a href="{{ route('campaign_donasi_own_menu_detail', ['id'=>encrypt($item->id)])  }}"
                                                class="btn btn-default btn-xs"><i class="fa fa-pencil"
                                                    aria-hidden="true"></i>Edit</a>
                                            <a href="{{ route('campaign_donasi_own_menu_delete', ['id'=>encrypt($item->id)]) }}"
                                                class="btn btn-default btn-delete btn-xs"><i class="fa fa-trash"
                                                    aria-hidden="true"></i> delete</a>
                                        </td>
                                        <td class="text-center">
                                            @if($item->is_active===1)
                                            <input class="text-right" checked="checked" type="checkbox" id="is_active_{{$item->id}}"
                                                onclick="active_click({{$item->id}})">
                                            @else
                                        <input class="text-right" type="checkbox" id="is_active_{{$item->id}}"
                                                onclick="active_click({{$item->id}})">
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div style="text-align:center">
                                {{ $data->links() }}
                            </div>
                            <div>
                                Halaman : {{ $data->currentPage() }} <br />
                                Jumlah Seluruh Data : {{ $data->total() }} <br />
                                Tampilan Per Halaman : {{ $data->perPage() }} <br />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<script>
    function active_click(id) {
        var checkBox = document.getElementById("is_active_"+id);
        console.log(id);
        if (checkBox.checked == true) {
            do_active(id);
        } else {
            do_inactive(id);
        }
    }
    
    function do_active(id) {
        $.ajax({
            url: web_url + "/donasi/campaign_donasi_own_menu/active/"+id+"/1",
            method: "GET",
            data: {},
            error: function (response) {
                var data = response.responseJSON;
                alert(data.error);
            },
            success: function (response) {
                location.reload();
            }
        });
    }
    
    function do_inactive(id) {
        $.ajax({
            url: web_url + "/donasi/campaign_donasi_own_menu/active/"+id+"/0",
            method: "GET",
            data: {},
            error: function (response) {
                var data = response.responseJSON;
                alert(data.error);
            },
            success: function (response) {
                location.reload();
            }
        });
    }
</script>
@endsection