@extends('layouts.master')
@section('title') {{$label}} @endsection
@section('css')
<!---Internal Owl Carousel css-->
<link href="{{URL::asset('assets/plugins/owl-carousel/owl.carousel.css')}}" rel="stylesheet">
<!---Internal  Multislider css-->
<link href="{{URL::asset('assets/plugins/multislider/multislider.css')}}" rel="stylesheet">
<!--- Select2 css -->
<link href="{{URL::asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet">
<style>
    .pagination-box {
        display: flex;
        justify-content: flex-end;
    }
</style>
@endsection
@section('content')

@component('components.breadcrumb')
@slot('li_1') {{$label}} @endslot
@slot('title') {{__("admin.control")}} {{$label}} ! @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title m-0">{{$label}}</h4>
            </div>
            <div class="card-body table-responsive border-0">
                @include("layouts.session")
                @component('components.errors')
                    @slot('id') order_id @endslot
                @endcomponent
                <table id="datatable" class="table table-bordered dt-responsive text-nowrap w-100">
                    <thead>
                        <tr style="cursor: pointer;">
                            <th class="fw-bold">#</th>
                            <th class="fw-bold">{{__("admin.order_id")}}</th>
                            <th class="fw-bold">{{__("admin.user_name")}}</th>
                            <th class="fw-bold">{{__("admin.balance")}}</th>
                            <th class="fw-bold">{{__("admin.amount")}}</th>
                            <th class="fw-bold">{{__("admin.transaction_image")}}</th>
                            <th class="fw-bold">{{__("admin.status")}}</th>
                            <th class="fw-bold">{{__("admin.created_at")}}</th>
                            <th class="fw-bold">{{__("admin.actions")}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($withdraws) == 0)
                        <tr class="align-middle">
                            <td colspan="100" class="text-center">{{__("admin.no_data_found")}}</td>
                        </tr>
                        @endif
                        @foreach($withdraws as $count => $withdraw)
                        <tr data-id="{{$count+1}}" class="@if($withdraw->status == "1") bg-success @elseif($withdraw->status == "2") bg-danger @endif">
                            <td style="width: 80px" class="align-middle">{{$count+1}}</td>
                            <td class="align-middle">{{$withdraw->id}}</td>
                            <td class="align-middle">{{$withdraw->name}}</td>
                            <td class="align-middle">{{$withdraw->balance}}</td>
                            <td class="align-middle">{{$withdraw->amount}}</td>
                            <td class="align-middle">@if($withdraw->image)<img src="{{$withdraw->image}}" alt="{{__("admin.image")}}" style="width: 100px;"/>@else {{__("admin.not_found")}} @endif</td>
                            <td class="align-middle">{{__('admin.withdraw_status_' . $withdraw->status)}}</td>
                            <td class="align-middle">{{$withdraw->created_at}}</td>
                            <td class="align-middle">
                                @if($withdraw->status != "1")
                                <button type="submit" class="modal-effect btn btn-outline-secondary bg-success text-dark btn-sm" title="{{__("admin.accept")}}" data-effect="effect-newspaper" data-toggle="modal" href="#myAcceptModal{{$withdraw->id}}">
                                    <i class="fa fa-check"></i>
                                </button>
                                <div class="modal" id="myAcceptModal{{$withdraw->id}}">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h5 class="modal-title">{{__("admin.accept_order")}}</h5>
                                                <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                                            </div>
                                            <div class="modal-body">
                                                <form id="acceptForm" class="d-inline" action="{{route('admin.withdraws.accept')}}" method="POST" enctype="multipart/form-data">
                                                    @csrf
                                                    @method('PUT')
                                                    <input type="hidden" name="order_id" value="{{$withdraw->id}}"/>
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="image">{{__("admin.image")}} <span class="text-danger fw-bolder">*</span></label>
                                                                <input type="file" class="form-control @error('image') is-invalid @enderror" id="image" name="image" required>
                                                                @error('image')
                                                                    <span class="invalid-feedback" role="alert">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">{{__("admin.back")}}</button>
                                                <button form="acceptForm" type="submit" class="btn btn-success waves-effect waves-light">{{__("admin.accept")}}</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if($withdraw->status != "2")
                                <button type="submit" class="modal-effect btn btn-outline-secondary bg-danger text-dark btn-sm" title="{{__("admin.refuse")}}" data-effect="effect-newspaper" data-toggle="modal" href="#myRefuseModal{{$withdraw->id}}">
                                    <i class="fa fa-times"></i>
                                </button>
                                <div class="modal" id="myRefuseModal{{$withdraw->id}}">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h5 class="modal-title">{{__("admin.refuse_order")}}</h5>
                                                <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                                            </div>
                                            <div class="modal-body">
                                                <p>{{__("admin.refuse_order_message")}}</p>
                                            </div>
                                            <div class="modal-footer">
                                                <form class="d-inline" action="{{route('admin.withdraws.refuse')}}" method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <input type="hidden" name="order_id" value="{{$withdraw->id}}"/>
                                                    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">{{__("admin.back")}}</button>
                                                    <button type="submit" class="btn btn-danger waves-effect waves-light">{{__("admin.refuse")}}</button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="row">
                    <div class="col-12 pagination-box">
                        {{$withdraws->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- end col -->
</div>

@endsection
@section('js')
<!--Internal  Datepicker js -->
<script src="{{URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js')}}"></script>
<!-- Internal Select2 js-->
<script src="{{URL::asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<!-- Internal Modal js-->
<script src="{{URL::asset('assets/js/modal.js')}}"></script>
@endsection