@extends('layouts.side_bar')

@section('content')
<div class="card-header bg-dark">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalLong">
        Add New Payment Method
    </button>
    <a href="{{url('/payment')}}" class="btn btn-danger float-right">Back</a>
</div>
<hr>
    <!-- Modal -->
    <div class="modal fade bd-example-modal-lg" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"  >
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Register New Payment Method</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
{{----}}
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-md-8">
                                <div class="card">


                                    <div class="card-body">
                                        <form method="POST" action="{{ route('registerPaymentMethod') }}">
                                            @csrf



                                            <div class="form-group row">
                                                <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Payment Method Name') }}</label>

                                                <div class="col-md-6">
                                                    <input id="name" type="text" class="form-control"  name="paymentMethod"   autocomplete="name" required autofocus>


                                                </div>
                                            </div>






                                            <div class="form-group row mb-0">
                                                <div class="col-md-6 offset-md-4">
                                                    <button type="submit" class="btn btn-primary">
                                                        {{ __('Register') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


{{----}}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

                </div>
            </div>
        </div>
    </div>
    {{--  end modal  --}}




    <table class="table  ">
        <thead>
        <tr class="w3-light-grey w3-hover-red">
            <th>SL</th>
            <th>Payment Method</th>


            <th>ACTION</th>

        </tr>
        </thead><tbody id="myTable">
        @foreach($payment as $pay)

                <tr class="w3-hover-green">
                    <td>{{ $pay->id}}</td>
                    <td>{{ $pay->paymentMethod}}</td>



                    <td>
                        <a href="{{ URL::to('payMethod_delete/'.$pay->id) }}" class="btn btn-sm btn-danger">Delete</a>




                    </td>
                </tr>


        @endforeach
        </tbody>
    </table>








<script>

    $('#myModal').on('shown.bs.modal', function () {
    $('#myInput').trigger('focus')
    })

    </script>

    @endsection