@extends('admin.layout')

@section('title','Withdraw Master')

@section('header')
<link rel="stylesheet" href="{{ asset('/assets/css/datatable/dataTables.bootstrap5.min.css') }}">
<link rel="stylesheet" href="{{ asset('/assets/css/datatable/responsive.bootstrap.min.css') }}">
@endsection

@section('content')

<div class="container-fluid page-wrapper">

    <div class="row mb-3">
        <div class="col-md-6">
            <h3 class="page-top-heading">
                Withdraw Master
            </h3>
        </div>
    </div>

   

    <!-- Add Form -->

    <div class="card mb-4">

        <div class="card-header">
            <strong>Add Withdraw Master</strong>
        </div>

        <div class="card-body">

            <form action="{{ route('withdraw_master_store') }}" method="POST">

                @csrf

                <div class="row">

                    <!-- <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Tax (%)
                        </label>

                        <input
                            type="number"
                            name="tax"
                            class="form-control"
                            step="0.01"
                            value="0"
                            min="0"
                            required>

                    </div> -->

                    <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Withdraw Limit
                        </label>

                        <input
                            type="number"
                            name="withdraw_limit"
                            class="form-control"
                            step="0.01"
                            min="1"
                            required>

                    </div>

                    <!-- <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Multiple
                        </label>

                        <input
                            type="number"
                            name="multiple"
                            class="form-control"
                            value="2"
                            min="1"
                            required>

                    </div> -->

                </div>

                <button class="btn btn-primary">
                    Save
                </button>

            </form>

        </div>

    </div>

    <!-- Table -->

    <div class="card">

        <div class="card-header">
            <strong>Withdraw Master List</strong>
        </div>

        <div class="card-body">

            <div class="table-responsive">

                <table
                    id="data-table"
                    class="table table-bordered table-striped">

                    <thead>

                        <tr>

                            <th>SN No</th>
                            <th>Created Date</th>


                            <!-- <th>Tax (%)</th> -->

                            <th>Withdraw Limit</th>

                            <!-- <th>Multiple</th> -->

                            <th>Status</th>


                        </tr>

                    </thead>

                    <tbody>

                        @forelse($withdrawMasters as $item)

                        <tr>

                            <td>{{ $loop->iteration }}</td>
                            <td>
                                {{ $item->created_at->format('d-m-Y h:i A') }}
                            </td>

                            <!-- <td>{{ $item->tax }} %</td> -->

                            <td>{{ number_format($item->withdraw_limit,2) }}</td>

                            <!-- <td>{{ $item->multiple }}</td> -->

                            <td>

                                @if($item->is_active)

                                <span class="badge bg-success">
                                    Active
                                </span>

                                @else

                                <span class="badge bg-danger">
                                    Inactive
                                </span>

                                @endif

                            </td>

                            

                        </tr>

                        @empty

                        <tr>

                            <td colspan="6" class="text-center">

                                No Data Found

                            </td>

                        </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

@endsection

@section('footer')

<script src="{{ asset('/assets/js/datatable/jquery.dataTables.min.js') }}"></script>

<script src="{{ asset('/assets/js/datatable/dataTables.bootstrap5.min.js') }}"></script>

<script>

$(function(){

    $('#data-table').DataTable();

});

</script>

@endsection