@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.users') }} @endsection
@section('heading') {{ __('common.users') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']  ?? '') }}@endsection--}}
@section('content')
    <style>
        .label{
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            background: {{config('custom.btn-back')}};
            background: {{config('custom.btn-back')}};
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }
        .invalid-feedback{ display: block; }
        label{
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{config('custom.background')}}">
            <h3 class="card-title p-2">
                {{ __('common.show') }}
            </h3>
            <a
                href="{{ route('admin.custpayout.index') }}"
                class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <!-- User Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ __('common.customer_payout_history') }}
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row">


                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th scope="col">S.no</th>
                                          <th scope="col">Paid Amount</th>
                                          <th scope="col">Remaining Amount</th>
                                          <th scope="col">Transaction Id</th>
                                          <th scope="col">Transaction Date</th>
                                          <th scope="col">Receipt</th>
                                        </tr>
                                      </thead>
                                      @php $i = 1; @endphp
                                    @foreach ($form as $data)

                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $data->amount }}</td>
                                        <td>{{ round($data->remaining_amount) }}</td>
                                        <td>{{ $data->transaction_id }}</td>
                                        <td>{{ $data->created_at }}</td>
                                        <td><a href="{{URL::to($data->file) }}" class="btn brn-success" download>Download</a></td>
                                    </tr>

                                    @endforeach

                                <table>


                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    @push('body.end')

    @endpush


@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush