@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">
                {{ optional($form)->name }}
            </h3>
            <a
                href="{{ route('admin.payout.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.payout') }}
                            </h3>
                        </div>
                        <form method="POST" action="{{ route('admin.payout.savepayout') }}" enctype="multipart/form-data">
                        @csrf
                            <div class="card-body">
                            <div class="row">



                                        <input type="hidden"  id="user_id" name="user_id"
                                               class="form-control @error('user_id') is-invalid @enderror"
                                               value="{{ old('user_id', $form->id ?? '') }}" maxlength="191" readonly>
                                        @include('includes.invalid', ['field'=> 'user_id'])


                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group input-group-sm ">
                                                <label class="mb-0 font-weight-normal"
                                                       for="email">{{ __('Acoount Holder Name') }}</label>
                                                <input type="text"
                                                       class="form-control @error('remaining_amount') is-invalid @enderror"
                                                       placeholder=""
                                                       value="{{ $bank?->name  ?? ''}}" maxlength="191" readonly>
                                                @include('includes.invalid', ['field'=> 'remaining_amount'])
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group input-group-sm ">
                                                <label class="mb-0 font-weight-normal"
                                                       for="email">{{ __('Bank Name') }}</label>
                                                <input type="text"
                                                       class="form-control @error('remaining_amount') is-invalid @enderror"
                                                       placeholder=""
                                                       value="{{ $bank?->bank_name ?? '' }}" maxlength="191" readonly>
                                                @include('includes.invalid', ['field'=> 'remaining_amount'])
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group input-group-sm ">
                                                <label class="mb-0 font-weight-normal"
                                                       for="email">{{ __('Account Number') }}</label>
                                                <input  type="text"
                                                       class="form-control @error('remaining_amount') is-invalid @enderror"
                                                       placeholder=""
                                                       value="{{ $bank?->account ?? '' }}" maxlength="191" readonly>
                                                @include('includes.invalid', ['field'=> 'remaining_amount'])
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <div class="form-group input-group-sm ">
                                                <label class="mb-0 font-weight-normal"
                                                       for="email">{{ __('IFSC Code') }}</label>
                                                <input  type="text"
                                                       class="form-control @error('remaining_amount') is-invalid @enderror"
                                                       placeholder=""
                                                       value="{{ $bank?->ifsc ?? '' }}" maxlength="191" readonly>
                                                @include('includes.invalid', ['field'=> 'remaining_amount'])
                                            </div>
                                        </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="email">{{ __('common.remaining_amount') }}</label>
                                        <input type="text" id="remaining_amount" name="remaining_amount"
                                               class="form-control @error('remaining_amount') is-invalid @enderror"
                                               placeholder="{{ __('common.remaining_amount') }}"
                                               value="{{ old('remaining_amount', $ramount ?? '') }}" maxlength="191" readonly>
                                        @include('includes.invalid', ['field'=> 'remaining_amount'])
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="email">{{ __('common.enter_amount') }}</label>
                                        <input type="number" id="remaining_amount" name="amount"
                                               class="form-control @error('email') is-invalid @enderror"
                                               placeholder="{{ __('common.enter_amount') }}"
                                                maxlength="191"
                                                max="{{$ramount}}">
                                        @include('includes.invalid', ['field'=> 'amount'])
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="email">{{ __('common.transaction_id') }}</label>
                                        <input type="text" id="transaction_id" name="transaction_id"
                                               class="form-control @error('email') is-invalid @enderror"
                                               placeholder="{{ __('common.transaction_id') }}"
                                                maxlength="191">
                                        @include('includes.invalid', ['field'=> 'transaction_id'])
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0"
                                               for="status">{{__('common.status')}}</label>
                                        <select
                                            id="type"
                                            name="type"
                                            class="form-control @error('status') is-invalid @enderror">
                                            <option>Sales</option>
                                        </select>
                                        @include('includes.invalid', ['field'=> 'type'])
                                    </div>
                                </div>

                                <div class="col-md-3 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <input type="file" id="upload" name="file" hidden />
                                        <label for="upload" class="label">
                                            <span class="material-icons">
                                                backup
                                            </span>
                                            Receipt
                                        </label>
                                        @include('includes.invalid', ['field'=> 'file'])
                                    </div>
                                </div>


                            </div>


                                <button type="submit" style="position: absolute" class="btn btn-danger">submit<button>


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

    @endpush


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