@extends('admin_dashboard')
@section('admin')

 <div class="content">

                    <!-- Start Content-->
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            {{-- <a href="{{ route('add.category') }}" class="btn btn-primary rounded-pill waves-effect waves-light">Add Category </a> --}}
                                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#signup-modal">Add Payment Type</button>

                                        </ol>
                                    </div>
                                    <h4 class="page-title">All Payment Type</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->

                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sl</th>
                                                    <th>Payment Type </th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($payment_types as $key=> $item)
                                                <tr>
                                                    <td>{{ $key+1 }}</td>
                                                    <td>{{ $item->payment_type }}</td>
                                                    <td>
                                                    {{-- <a href="{{ route('edit.category', $item->id) }}" class="btn btn-blue rounded-pill waves-effect waves-light">Edit</a> --}}
                                                    <a href="{{ route('delete.payment.type', $item->id) }}" class="btn btn-danger rounded-pill waves-effect waves-light" id="delete"><i class="fas fa-trash-alt btn-danger" ></i></a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>

                                    </div> <!-- end card body-->
                                </div> <!-- end card -->
                            </div><!-- end col-->
                        </div>
                        <!-- end row-->




                    </div> <!-- container -->

                </div> <!-- content -->


    <!-- Signup modal content -->
    <div id="signup-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-body">

        {{-- <form class="px-3" method="post" action=""> --}}
        <form class="px-3" method="post" action="{{ route('payment.type.store') }}">

                        @csrf
                            <div class="mb-3">
                                <label for="payment_type" class="form-label">Payment Type</label>
                                <input class="form-control" type="text" name="payment_type" placeholder="Add Payment Type ">
                            </div>

                            <div class="mb-3 text-center">
                                <button class="btn btn-primary" type="submit">Save Changes</button>
                            </div>
                    </form>

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


@endsection