@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}

    .box_custom {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .one-line{
        display:flex;
    }
</style>
@endsection
@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>Subscription - Marketing Config</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="col-xs-12 box_custom" style="margin-top:10px;border-radius:5px;">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Key Visual List</h2>
                        <div class="clearfix"></div>
                    </div>  
                    <div class="x_content">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="text-center">ID</th>
                                    <th class="text-center">KV Type</th>
                                    <th class="text-center">KV</th>
                                    <th class="text-center">Detail</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(is_array($config_list) || is_object($config_list    ))
                                    @forelse($config_list as $list)
                                        <tr>                                                
                                            <td class="text-center">{{ $list->id }}</td>
                                            <td class="text-center">{{$list->type}}</td>
                                            <td class="text-center" width="400px">
                                                @php
                                                    $details = App\Models\Lakuemas_elite_marketing_config_image_model::where('lakuemas_elite_marketing_config_id', $list->id)->get(); 
                                                @endphp

                                                @if(!empty($details))
                                                    @foreach($details as $detail)
                                                        @if(!empty($detail->image))
                                                            <img src="{{ env('ALIYUN_OSS_IMAGE_URL') }}/{{ env('ALIYUN_OSS_FOLDER_LAKUSIMPAN_ELITE_SUBSCRIPTION') }}/{{ $detail->image }}" width="100" height="60">
                                                        @else
                                                            <div class="cell">No Image</div>
                                                        @endif
                                                    @endforeach
                                                @endif
                                            </td>
                                            <td class="text-center">                                                    
                                                <a href="{{ route('lakuemas_elite_subscription/edit_key_visual', ['id'=>$list->id]) }}" target="_blank">
                                                    Lihat Detail
                                                </a>                                                    
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="text-center" colspan="6">No Data</td>
                                        </tr>
                                    @endforelse
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#form").on("submit", function() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');
        $.ajax({
            url: '/lakuemas_elite_subscription/price_config',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Data saved");
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
                setTimeout(function(){
                    window.location.reload(); 
                }, 1000); 
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    });
</script>
@endsection