@extends('layouts/microfin_layout')
@section('title', '| Product Priority Configuration')
<style>
    .configWrap {
        padding: 20px;
        border-radius: 16px;
        background-color:#fff;
        cursor: pointer;
    }
    .configWrap img{
        height: 45px;
    }
    .configWrap .date{
        font-weight:600;
    }
    .headingWrap {
        background-color: #1c1c1c;
        padding: 7px;
        text-align: center;
        color: #fff;
    }
    .searchWrap.flex {
        display: flex;
    }
    .productPriorityWrap hr {
        margin-top: 0px;
        margin-bottom: 18px;
        border: ;
        border-top: 1px solid #a3a3a3;
    }
    .noData {
        text-align: center;
        margin-top: 10%;
    }
    .searchBtnWrap {
        display: flex;
        justify-content: space-between;
    }

</style>
@section('content')
    <div class="container">
        <div class="row">
            @if(session('message'))
                <div class="alert alert-success alert-dismissible text-center">
                    {{ session('message') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
        </div>
        <div class="row">
            <div class="headingWrap">
                <h4>Collection Priority Configuration Data</h4>
            </div>
        </div>
        <br/>
        <div class="row productPriorityWrap">
            <div class="searchBtnWrap">
                <div class="searchWrap flex">
                </div>
                <div class="addNewWrap">
                    <a href="{{url('/productPriorityConfig/add')}}"><button type="button" class="btn btn-primary">Add New Configuration</button></a>

                </div>
            </div>

            <hr/>
            @if(isset($config) && count($config)>0)
                @foreach ($config as $item)
                <div class="col-md-3 ">

                        <div class="configWrap" style="text-align: center;@if($item->editable == false)background-color: #e3dcdc;@endif">
                            @if($item->editable == true)
                            <div style="position: relative;">
                                <span data-id="{{$item->id}}" class="deleteIcon" style="position: absolute; top: 0; right: 0;">
                                    <span class="glyphicon glyphicon-trash" style="color: red;"></span>
                                </span>
                            </div>
                            @endif
                            <a href="{{ url('/productPriorityConfig/details/'.$item->id)}}">
                                <div class="" >
                                    <img src="{{url('/images/config.png')}}" />

                                </div>
                                <div class="">
                                    <span  class="date"> Effective Date: {{$item->effective_date}}</span><br/>
                                    <span  class="date"> Total Transaction: {{$item->totalTransaction}}</span>
                                </div>
                            </a>

                        </div>

                </div>
                @endforeach
            @else

            <div class="noData">
                <h4>No Configuration Added</h4>
            </div>

            @endif


        </div>
    </div>


    <script>
        $(document).ready(function() {

            $(".deleteIcon").click(function(event) {
                var deleteId = $(this).data('id');
                Swal.fire({
                    title: 'Are you Want to delete?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes',
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{url("/")}}/productPriorityConfig/delete',
                            type: 'post',
                            data: {
                                id: deleteId
                            },
                            headers: {
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            success: function (data) {
                                if(data.status == "success"){
                                    Swal.fire({
                                        icon: 'success',
                                        title: 'Configuration deleted successfully',
                                        showConfirmButton: false,
                                        timer: 1500
                                    }).then(function() {
                                        location.reload();
                                    });
                                }else{
                                    Swal.fire({
                                        icon: 'warning',
                                        title: 'Configuration is not deleted!',
                                        showConfirmButton: true
                                    })
                                }
                            },
                            error: function (error) {
                                Swal.fire({
                                    icon: 'warning',
                                    title: 'Something went wrong!',
                                    showConfirmButton: true
                                })
                            }
                        });
                    }
                })

            });

        });
    </script>
@endsection