@extends('layouts.admin')
@section('content')
    <div class="container">
        <div class="card">
            <div class="card-header">
                Receiving payments from  <strong>{{$conn->name}}</strong>
                
            </div>
            <div class="card-body">
                @if (session()->has('message'))
                    <div class="alert alert-{{ session('type') }}">
                        {!! session('message') !!}
                    </div>
                @endif
                <form action="{{route('admin.pppoe.payment',[app()->getLocale(),$conn->id])}}" method="post" id="rec_pay_form">
                    @csrf
                    <div class="form-group">
                      <label for="">Amount Received <span class="text-danger">*</span></label>
                      <input type="text" name="amount" id="rec_amount" class="form-control" placeholder="" aria-describedby="helpId">
                      <small id="helpId" class="text-muted">Enter the amount you received from the client</small>
                      @error('amount')
                          <div class="text-danger">
                              {{$message}}
                          </div>
                      @enderror
                    </div>
                    <div class="form-group">
                        <label for="">Comments</label>
                        <textarea name="comments" id="comments" class="form-control" rows="3">
                        </textarea>
                        <small id="helpId" class="text-muted">Details about the payment</small>
                        @error('comments')
                            <div class="text-danger">
                                {{$message}}
                            </div>
                        @enderror
                      </div>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-success dis_on_click" id="rec_pay_submit">Submit</button>
                       
                    </div>
                </form>

            </div>
            <div class="card-footer text-muted">
                <a href="{{route('admin.pppoe.show',[app()->getLocale(),$conn->id])}}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-circle-left    "></i>
                Back
                </a> 
            </div>
        </div>

        <div class="card mt-4">
            <div class="card-header">
                Payment History
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Date/Time</th>
                            <th>Amount</th>
                            <th>Comments</th>
                            <th>Received By</th>
                        </tr>
                    </thead>
                    <tbody>
                       
                    
                @foreach ($payments as $payment)
                  
                <tr>
                    <td scope="row">
                        {{$payment->created_at->format('M d, Y')}}<br>
                        {{$payment->created_at->format('h:i:s A')}}
                    </td>
                    <td>{{$payment->amount}}</td>
                    <td>{{$payment->comments}}</td>
                    <td>{{$payment->user->first_name}} {{$payment->user->last_name}}
                      
                    </td>
                </tr>
                
                @endforeach
                   
            </tbody>
        </table>
            </div>
            
        </div>
    </div>
@endsection