@php
    $participant = ['No limit', '1 KTP unique 1 for day', '1 phone unique 1 for day', '1 KTP unique on event', '1 phone unique on event'];
@endphp

@extends('layout.default')
@include('layout.filter')

@section('styles')
    <!--begin::Page Vendors Styles(used by this page)-->
    <link href="{{env('STORAGE_URL_VIEW')}}plugins/custom/datatables/datatables.bundle.css?v=7.0.8" rel="stylesheet" type="text/css" />
    <!--end::Page Vendors Styles-->

    <style>
        /*To nowrap text*/
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{
            white-space: nowrap;
        }
        .pagination {
            justify-content: right !important;
        }
    </style>
@endsection

@section('content')
@yield('filter_view')
    <br>
    <div class="card">
        <div class="card-body">
            @include('layout.notifications')
            <!--begin: Datatable-->
            <div style="overflow-x: scroll;white-space:nowrap">
                <table class="table table-bordered table-checkable" id="kt_datatable">
                    <thead>
                    <tr>
                        <th>Action</th>
                        <th>Status</th>
                        <th>Event Code</th>
                        <th>Type</th>
                        <th>Time Start</th>
                        <th>Time End</th>
                        <th>Brand</th>
                        <th>Product</th>
                        <th>Method</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($data))
                        @foreach($data as $value)
                            <tr>
                                <td>
                                    <a href="{{ url('dropzoneevent/list-winner/'.$value['dropzone_event_id']) }}" class="btn btn-sm btn-success text-nowrap" style="margin-bottom: 2%"><i class="fa fa-list"></i>List Winner</a><br>
                                    <a href="{{ url('dropzoneevent/list-participant/'.$value['dropzone_event_id']) }}" class="btn btn-sm btn-warning text-nowrap" style="margin-bottom: 2%"><i class="fa fa-list"></i>List Participant</a><br>
                                    <a href="{{ url('dropzoneevent/detail/'.$value['dropzone_event_id']) }}" class="btn btn-sm btn-primary text-nowrap" style="margin-bottom: 2%"><i class="fa fa-pen"></i>Edit</a><br>
                                    <a data-toggle="confirmation" data-popout="true" data-id="{{$value['dropzone_event_id']}}" class="btn btn-sm btn-danger delete"><i class="fas fa-trash"></i> Delete</a>
                                </td>
                                <td style="text-align: center">
                                    @if(!empty($value['event_time_start']) && strtotime($value['event_time_start']) < strtotime(date('Y-m-d H:i:s')) && strtotime($value['event_time_end']) > strtotime(date('Y-m-d H:i:s')))
                                        <span class="label label-success label-inline mr-2">Started</span>
                                    @elseif(!empty($value['event_time_start']) && strtotime($value['event_time_end']) < strtotime(date('Y-m-d H:i:s')))
                                        <span class="label label-danger label-inline mr-2">Ended</span>
                                    @else
                                        <span class="label label-dark label-inline mr-2">Not Started</span>
                                    @endif
                                </td>
                                <td>{{explode("||",$value['event_unique_code'])[0]}}</td>
                                <td>{{$value['event_type']}}</td>
                                <td>@if(!empty($value['event_time_start'])){{date('d-m-Y H:i', strtotime($value['event_time_start']))}}@endif</td>
                                <td>@if(!empty($value['event_time_end'])){{date('d-m-Y H:i', strtotime($value['event_time_end']))}}@endif</td>
                                <td>{{$value['brand_name']}}</td>
                                <td>{{$value['product_name']}}</td>
                                <td>{{$value['event_method']}}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="10" style="text-align: center">Data Not Available</td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
            <br>
            <div class="row">
                <div class="col-md-12">
                    @if (!empty($data_paginator))
                        {{ $data_paginator->links('pagination') }}
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!--begin::Page Vendors(used by this page)-->
    <script src="{{env('STORAGE_URL_VIEW')}}plugins/custom/datatables/datatables.bundle.js?v=7.0.8"></script>
    <!--end::Page Vendors-->
    @yield('filter_script')
    <script>
        rules={
            event_unique_code:{
                display:'Event Code',
                operator:[
                    ['=','='],
                    ['like','like']
                ],
                opsi:[]
            },
            event_type:{
                display:'Type',
                operator:[
                    ['=','=']
                ],
                opsi:[
                    ['Surprise Drop', 'Surprise Drop'],
                    ['Exclusive Release', 'Exclusive Release']
                ]
            },
            brand_name:{
                display:'Brand',
                operator:[
                    ['=','='],
                    ['like','like']
                ],
                opsi:[]
            },
            product_name:{
                display:'Product',
                operator:[
                    ['=','='],
                    ['like','like']
                ],
                opsi:[]
            },
            event_method:{
                display:'Method',
                operator:[
                    ['=','=']
                ],
                opsi:[
                    ['First Come First Serve', 'First Come First Serve'],
                    ['Raffle', 'Raffle']
                ]
            },
            event_status:{
                display:'Status',
                operator:[
                    ['=','=']
                ],
                opsi:[
                    ['Not Started', 'Not Started'],
                    ['Started', 'Started'],
                    ['Ended', 'Ended']
                ]
            }
        };
        var table;
        $(document).ready(function() {
            table = $('#kt_datatable').DataTable({searching: false, "paging": false, ordering: false});
            $('#kt_datatable').on('click', '.delete', function () {
                const row = $(this).parents('tr');
                const url = "{{url('dropzoneevent/delete')}}/" + $(this).data("id")
                Swal.fire({
                    title: "Are you sure delete this event?",
                    text: "You won't be able to revert this!",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes, delete it!"
                }).then(function (result) {
                    if (result.value) {
                        $.ajax({
                            type: "DELETE",
                            url: url,
                            data: {
                                '_token': '{{csrf_token()}}'
                            },
                            success: function (response) {
                                if (response.status == 'success') {
                                    $('#kt_datatable').DataTable().row(row).remove().draw();
                                    Swal.fire(
                                        "Deleted!",
                                        "Your data has been deleted.",
                                        "success"
                                    )
                                } else {
                                    Swal.fire(
                                        "Failed!",
                                        response.messages ? response.messages[0] : 'Something went wrong',
                                        "error"
                                    )
                                }
                            },
                            error: function () {
                                Swal.fire(
                                    "Failed!",
                                    "Failed delete data",
                                    "error"
                                )
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection