@extends('layouts.admin')
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Payments</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{url('/')}}">Dashboard</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Payments</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    @if(Session::has('success'))
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        {{Session::get('success')}}
                    </div>
                    @endif
                    @if(Session::has('error'))
                    <div class="alert alert-danger" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        {{Session::get('error')}}
                    </div>
                    @endif
                    <div class="table-responsive">
                        <form method="post" action="{{url('payments')}}" enctype="multipart/form-data">
                            @csrf    
                            <div class="row mb-3">
                                <div class="form-group col-lg-5 data_1">
                                    <label class="font-normal">From</label>
                                    <div class="input-group date">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" name="from" class="form-control" value="{{$from}}">
                                    </div>
                                </div>
                                <div class="form-group col-lg-5 data_1">
                                    <label class="font-normal">To</label>
                                    <div class="input-group date">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" name="to" class="form-control" value="{{$to}}">
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <button class="btn btn-primary btn-sm mt-4" type="submit">Filter</button>
                                </div>
                            </div>
                        </form>
                        <table class="table table-striped table-bordered table-hover dataTables-example">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Client</th>
                                    <th>Service</th>
                                    <th>Payment Method</th>
                                    <th>Transaction Number</th>
                                    <th>Amount</th>
                                    <th>Date</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach($payments as $payment)