@extends('layouts.admin')

@section('content')

    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('admin.category.index') }}">Category </a></li>
        </ol>
    </div>

    <div class="row">
        @if(session('success'))
            <div class="alert alert-success alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Success !</strong>
                {{ Session::get('success') }}
            </div>
        @elseif(session('failure'))
            <div class="alert alert-danger alert-dismissable">
                <button class="close" data-dismiss="alert"><i class="pci-cross pci-circle"></i></button>
                <strong>Failed !</strong> {{ Session::get('failure') }}
            </div>
        @endif
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Merchant Categories Management

                </h3>
            </div>
            <div class="panel-body">
                <div class="text-right">
                    <a href="{{ route('admin.category.create') }}" class="btn btn-success">ADD NEW <i class="fa fa-plus"></i></a>
                    <a href="{{ route('admin.merchants.category.export') }}" class="btn btn-primary">EXPORT</a>
                </div>
                <br>
                <div class="table-responsive">
                    <table class="table  table-bordered adminMgmtTable">
                        <thead>
                        <tr>
                            <th>S.N</th>
                            <th>Category</th>
                            <th class="text-center">Status</th>
                            <th>Operation</th>
                        </tr>
                        </thead>

                        <tbody>

                        @foreach($categories as $k => $category)
                            <tr>
                                <td align="center">{{ ++$k }} </td>
                                <td>{{ $category->name }}</td>
                                <td align="center">
                                    {!!  $category->status  ? '<strong style="color:green;">Active</strong>' : '<strong style="color:#bf302f;">Inactive</strong>' !!}
                                </td>
                                <td>
                                    <a href="{{ route('admin.merchant.sub-category.list',[$category->id]) }}" class="btn btn-info"><span>Sub Category</span>

                                    </a>
                                    <a href="{{ route('admin.category.edit',[$category->id]) }}" class="btn btn-success" title="Edit">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <button data-toggle="modal" data-target="#delete-modal"
                                            data-url="{{ route('admin.category.destroy',$category->id) }}"
                                            class="btn btn-danger delete" title="Delete">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="8">
                                    @include('pagination', ['paginator' => $categories])
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="delete-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <strong>If you delete this item you won't be able to undo in the future, do you want to
                        continue?</strong>
                </div>
                <div class="modal-footer">
                    <form action="" id="delete-form" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger" id="modal-submit">Yes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('ext_js')
    <script>
        $(document).on('click', '.delete', function () {
            var actionUrl = $(this).attr('data-url');

            $('#delete-form').attr('action', actionUrl);

            $('#modal-submit').click(function (e) {
                $(this).attr('disabled', true);
                $(this).html('<i class="fa fa-spinner fa-spin" style=""></i> Please Wait...');
                $('#delete-form').submit();
            })
        });

        // var addSerialNumber = function () {
        //     $('table tr').each(function(index) {
        //         $(this).find('td:nth-child(1)').html(index+1);
        //     });
        // };
        //
        // addSerialNumber();

    </script>
@endsection