@extends('admin.admin_master')
@section('admin')

<style>
    .switch-button {
        display: inline-block;
        border-radius: 50px;
        background-color: #b3b3b3;
        width: 90px;
        height: 27px;
        padding: 4px;
        position: relative;
        overflow: hidden;
        vertical-align: middle;
    }

    .switch-button input[type=checkbox] {
        display: none;
    }

    .switch-button label {
        border-radius: 50%;
        -webkit-box-shadow: 0 0 1px 1px #fff inset;
        box-shadow: 0 0 1px 1px #fff inset;
        background-color: #ffffff;
        margin: 0;
        height: 19px;
        width: 19px;
        z-index: 1;
        display: inline-block;
        cursor: pointer;
        background-clip: padding-box;
        float: left;
    }

    .switch-button label:before {
        position: absolute;
        font-size: 0.8462rem;
        font-weight: 600;
        z-index: 0;
        content: "OFF";
        right: 0;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 27px;
        top: 0;
        text-align: right;
        padding-right: 10px;
        color: #ffffff;
    }

    .switch-button input[type=checkbox]:checked+span {
        background-color: #0f9cf3;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 4px;
    }

    .switch-button input[type=checkbox]:checked+span label {
        float: right;
        border-color: #fe4d8e;
    }

    .switch-button input[type=checkbox]:checked+span label:before {
        position: absolute;
        font-size: 0.8462rem;
        font-weight: 600;
        z-index: 0;
        content: "ON";
        color: #ffffff;
        left: 0;
        text-align: left;
        padding-left: 10px;
    }

    .switch-button.switch-button-yesno label:before {
        content: "Deactive";
    }

    .switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before {
        content: "Active";
    }
</style>

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

        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">User Management</h4>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <form type="POST" action="{{route("payment.attempt.users")}}">
                    @csrf
                    <input type="hidden" id="user_id" name="user_id[]" value="" />
                    <button class="btn btn-primary">Multi Selection</button>
                </form>
            </div>
            <div class="col-md-8">
                <form method="GET" action="{{route("all.users")}}" class="row mb-3" style="display:flex;justify-content:end;padding-right: 20px;">
                    <div class="col-md-3">
                        <input type="text" name="start_date" class="form-control" value="{{@$start_date ?? old("start_date")}}"
                            onfocus="(this.type='date')" onblur="(this.type='text')" placeholder="Start Date" />
                        @error('start_date')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-3">
                        <input type="text" name="end_date" class="form-control" value="{{@$end_date ?? old("end_date")}}"
                            onfocus="(this.type='date')" onblur="(this.type='text')" placeholder="End Date" />
                        @error('end_date')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <!-- <div class="col-md-2">
                        <div class="mb-3">
                            <input type="text" name="name" class="form-control" value="{{@$name ?? old("name")}}" placeholder="Name (or) Email (or) Mobile Number"/>
                            @error('name')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div> -->
                    <div class="col-md-4">
                        <select class="form-control" name="status">
                            <option selected value="">Payment Type</option>
                            <option value="1" {{($status==1)?"selected":""}}>No Payment </option>
                            <option value="2" {{($status==2)?"selected":""}}>Show Payment</option>
                            <option value="3" {{($status==3)?"selected":""}}>Refund Payment </option>
                        </select>
                    </div>
                    <button class="btn btn-primary btn-sm" style="width:fit-content;" type="submit">Find registered users</button>
                </form>
            </div>
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        @if(isset($start_date)!=null && isset($end_date)!=null)
                        <div id="container"></div>
                        @endif
                           <div class="table-responsive">
                            <table class="table table-bordered dt-responsive nowrap"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" id="select-all" />
                                        </th>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Phone</th>
                                        <th>Registered Date</th>
                                        <th>Profile Status</th>
                                        <th>Action</th>
                                </thead>
                                <tbody>
                                    @foreach($registeredUsers as $key => $item)