@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">

        <!-- Area Chart -->
        <div class="col-xl-12 col-lg-12">
            <div class="card shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h3>Manage All Mail Templates</h3>
                </div>
                <!-- Card Body -->
                <div class="card-body">

                    @if (session('err_msg'))
                        <div class="col-md-12">
                            <div class="alert alert-info">
                                {{ session('err_msg') }}
                            </div>
                        </div>
                    @endif

                    <div class="table-responsive">
                        <table class="table table-colored" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                            <tr>
                                <th>Template ID</th>
                                <th>Subject</th>
                                <th class='text-center'>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($mails as $item)
                                <tr>
                                    <td>{{ $item->id  }}</td>
                                    <td>{{ $item->subject }}</td>

                                    <td class='text-center'>
                                        <div class="dropdown no-arrow">
                                            <a class="dropdown-toggle" href="#" role="button" id="widgetDropDownAction"
                                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fas fa-cog"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in"
                                                 aria-labelledby="widgetDropDownAction">
                                                <a class="dropdown-item"
                                                   href="{{ URL::to('/admin/mail-manager/edit-template')}}/{{ Crypt::encrypt( $item->id ) }}">View
                                                    Template</a>

                                            </div>
                                        </div>
                                    </td>
                                </tr>

                            @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-6 col-lg-6 mb-4">
        </div>
    </div>

@endsection

@section("script")
    <script>


        $(".showjdmodal").on('click', function () {
            var widget = $(this).attr("data-widget");
            var params = $(this).attr("data-param");

            $.each(JSON.parse(params), function (selector, value) {
                $("#" + selector).val(value);
            });

            $("#widget-" + widget).modal("show");
        });


        $(".showmodal").on('click', function () {
            var widget = $(this).attr("data-widget");
            var key = $(this).attr("data-key");
            var dept = $(this).attr("data-dept");

            $("#key").val(key);
            $("#old_dept").val(dept);
            $("#widget-" + widget).modal("show");
        });


        $(".fetchJobProfile").on('click', function () {


            var widget = $(this).attr("data-widget");
            var params = $(this).attr("data-param");

            var key = "";


            $.each(JSON.parse(params), function (selector, value) {
                key = value;
                $("#" + selector).val(value);
            });


            var url = api + "v1/staff/get-employment-details";
            var json = {};
            json['staffId'] = key;

            $("#widget-" + widget + ' #busybox').html("<div class='text-center'><img width='80px' src='" + siteurl + "/public/assets/image/processing.gif' alt='Loading ...' /></div>");
            $.ajax({
                type: 'post',
                url: url,
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);
                    $.each(data.results, function (index, item) {
                        $("input[type='text'][name='tb_desig']").val(item.post);
                        $("input[name='tb_rate']").val(item.payScale);
                        $("input[name='tb_doj']").val(item.hiringDate);
                        $("textarea[name='ta_withexempt']").val(item.withhold);
                        $("textarea[name='ta_misc']").val(item.miscellanous);
                    });

                    $("#widget-" + widget + ' #busybox').html("");
                },
                error: function () {
                    $("#widget-" + widget + ' #busybox').html("");
                }
            });


            $("#widget-" + widget).modal("show");

        });


        $("#updateJobProfile").on('click', function () {

            var url = api + "v1/staff/update-job-details";
            var json = {};
            json['staffId'] = $("#m4-key").val();
            json['post'] = $("input[type='text'][name='tb_desig']").val();
            json['hiringDate'] = $("input[name='tb_doj']").val();
            json['payScale'] = $("input[name='tb_rate']").val();
            json['withhold'] = $("textarea[name='ta_withexempt']").val();
            json['miscellanous'] = $("textarea[name='ta_misc']").val();

            $("#busybox").removeClass("alert alert-info alert-danger");
            $("#busybox").html("<div class='text-center'><img width='80px' src='" + siteurl + "/public/assets/image/processing.gif' alt='Loading ...' /></div>");
            $.ajax({
                type: 'post',
                url: url,
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);
                    $("#busybox").html(data.detailed_msg);
                    $("#busybox").addClass("alert alert-info");
                },
                error: function () {
                    $("#busybox").html("Job profile update failed.");
                    $("#busybox").addClass("alert alert-danger");
                }
            });

        });


        $(".displayJobProfile").on('click', function () {

            var widget = $(this).attr("data-widget");
            var params = $(this).attr("data-param");

            var key = "";


            $.each(JSON.parse(params), function (selector, value) {
                key = value;
                $("#" + selector).val(value);
            });


            var url = api + "v1/staff/get-employment-details";
            var json = {};
            json['staffId'] = key;

            $.ajax({
                type: 'post',
                url: url,
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);
                    $.each(data.results, function (index, item) {
                        $("span.divpost").html(item.post);
                        $("span.divpayscale").html(item.payScale);
                        $("span.divhiringdate").html(item.hiringDate);
                        $("p.divwithhold").html(item.withhold);
                        $("p.divmiscellanous").html(item.miscellanous);
                    });

                },
                error: function () {
                }
            });

            $("#widget-" + widget).modal("show");

        });


        $("#updateJobStatus").on('click', function () {


            var url = api + "v1/staff/update-job-status";
            var json = {};
            json['staffId'] = $("#m5-key").val();
            json['doe'] = $("input[name='tbdoe']").val();
            json['isNotEmployed'] = $('#isNotEmployed option:selected').val();
            $.ajax({
                type: 'post',
                url: url,
                data: json,
                success: function (data) {
                    data = $.parseJSON(data);

                    $("#widget-m5").modal("hide");
                },
                error: function () {
                }
            });

        });


    </script>
@endsection