@extends('layouts.app')

@section('page_css')
    @parent

    <style>
        .tabulator .tabulator-tableHolder{
            overflow: unset !important;
        }
    </style>
@endsection

@section('theme_css')
@endsection
<!-- START @PAGE CONTENT -->

@section('content')

    <h2 class="intro-y text-lg font-medium mt-10">Mail Configuration</h2>
    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 flex flex-wrap sm:flex-nowrap items-center mt-2">
            <div class="hidden md:block mx-auto text-gray-600"></div>
        </div>
    </div>

    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 flex flex-wrap sm:flex-nowrap items-center mt-2">
            <a class="btn btn-primary shadow-md mr-2" href="{!! route('admin.master.mail_configuration.add') !!}">Add New</a>
        </div>       
    </div>
     <div class="intro-y box p-5 mt-5">
        <div class="overflow-x-auto">
            <table class="table"> 
                <thead> 
                    <tr> 
                        <th class="border-b-2 dark:border-dark-5 whitespace-nowrap">Title</th>
                        <th class="border-b-2 dark:border-dark-5 whitespace-nowrap">Type</th>
                        <th class="border-b-2 dark:border-dark-5 whitespace-nowrap">Subject</th>
                        <th class="border-b-2 dark:border-dark-5 whitespace-nowrap">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($mail_configuration as $_mail_configuration)
                    <tr >
                        <td class="border-b whitespace-nowrap">{{ $_mail_configuration["title"] }}</td>
                        <td class="border-b ">{{ $_mail_configuration["type"] }}</td>
                        <td class="border-b ">{{ $_mail_configuration["subject"] }}</td>
                        <td class="border-b ">
                        <a class="btn btn-primary py-1 px-2 mr-2" href="{!! tokenize_url(route('admin.master.mail_configuration.edit'),['id' => $_mail_configuration['id']]) !!}">
                        Edit</a>
                        <a class="btn btn-success py-1 px-2 mr-2" href="{!! tokenize_url(route('admin.master.mail_configuration.view'),['id' => $_mail_configuration['id']]) !!}">
                        View</a>
                        <a href="javascript:void(0);" data_url="{!! tokenize_url(route('admin.master.mail_configuration.destroy'),['id' => @$_mail_configuration['id']]) !!}" data-toggle="modal" data-target="#delete_confirm_modal_preview" class="btn btn-danger inline-block py-1 px-2 mr-2 delete_confirm">Delete</a>
                    </tr>
                    @endforeach
                </tbody>
            </table>
         </div>   
    </div>


@endsection

@section('modals')
    @parent

    <!-- BEGIN: Modal Content delete confirmation -->
 <div id="delete_confirm_modal_preview" class="modal" tabindex="-1" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-body p-0">
                 <div class="p-5 text-center"> 
                     <!-- <i data-feather="x-circle" class="w-16 h-16 text-theme-6 mx-auto mt-3"></i> --> 
                    <div class="text-3xl mt-5">Are you sure?</div>
                    <div class="text-gray-600 mt-2">
                        <span id="alert_message"> Do you really want to delete?</span>
                    </div>
                 </div>
                 <div class="px-5 pb-8 text-center"> 
                    <button type="button" data-dismiss="modal" class="btn btn-outline-secondary w-24 dark:border-dark-5 dark:text-gray-300 mr-1">Cancel</button>
                    <a id="delete_confirm_modal_yes" data-dismiss="modal"  href="javascript:void(0);" class="btn btn-success w-24 dark:border-dark-5 dark:text-gray-300 mr-1" data_url="">Yes </a>
                </div>
             </div>
         </div>
     </div>
 </div> 
 <!-- END: Modal Content delete confirmation -->
@endsection

@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent


<script>

$(document).ready(function(){

    var status=@JSON(session()->get('status'));
    if(status=='deleted')
        showMessage("Deleted Sucessfully");
    else if(status=='inserted')
        showMessage("Inserted Sucessfully");
    else if(status=='updated')
        showMessage("updated Sucessfully");


    $('.delete_confirm').click(function(){
        var data_url=$(this).attr('data_url');
        $('#delete_confirm_modal_yes').attr('href',data_url);
    });
           

    function showMessage(msg, type) 
    {
        if(type=='error'){
        cash("#error-notification-content").find('.error-message-section').html(msg);
            Toastify({
                node: cash("#error-notification-content")
                    .clone()
                    .removeClass("hidden")[0],
                duration: 1500,
                newWindow: true,
                close: true,
                gravity: "top",
                position: "center",
                stopOnFocus: true,
            }).showToast();
        }else{
            cash("#success-notification-content").find('.success-message-section').html(msg);
            Toastify({
                node: cash("#success-notification-content")
                    .clone()
                    .removeClass("hidden")[0],
                duration: 1500,
                newWindow: true,
                close: true,
                gravity: "top",
                position: "center",
                stopOnFocus: true,
            }).showToast();
        }
    }
            
});
</script>
@endsection
<!--/ END PAGE CONTENT -->