@extends('admin.layouts.main')

@section('content')
<div class="page-wrapper">
    <!-- ============================================================== -->
    <!-- Container fluid  -->
    <!-- ============================================================== -->
    <div class="container-fluid">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h4 class="text-themecolor font-bold">Payment Settings</h4>
            </div>
            <div class="col-md-7 align-self-center text-right">
                <div class="d-flex justify-content-end align-items-center">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">
                            <a href="{{ url('payment/setting') }}" class="text-cyan">Payment Setting</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->

        @include('admin.includes.alert')

        <div class="card">
            <div class="card-body">
                <!-- Nav tabs -->

                <h3>Payment Settings</h3>
                <p>Manage Percent distribution for Individual Service providers and Minimum Payout Amount.</p>
                <hr>
                <form action="{{ url('payment/setting') }}" method="patch" data-parsley-validate>
                    @csrf

                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="example-color-input">Percent Distribution*</label>
                        <div class="col-10">
                            <label>(Admin Share in percentage %)*</label>
                            <input type="number" data-parsley-required-message="The percent distribution field is required" class="form-control" placeholder="0.01" name="name" id="percentage_distribution" step="0.01" autocomplete="off" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="example-color-input">Minimum Payout Amount*</label>
                        <div class="col-10">
                        <input type="number" min="1" data-parsley-required-message="The payout amount field is required" class="form-control" placeholder="Enter payout amount" name="name" id="minimum_payout" autocomplete="off" required>
                        </div>
                    </div>

                    <button class="btn btn-primary" type="submit">Save</button>
                </form>
            </div>

        </div>
        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
</div>
@endsection