@extends('layouts.app')

@section('content')


<section class="content-header">
    <h1>
        User Management
        <small>manage subscribers</small>
    </h1>
</section>

<!-- /.box -->

<div class="box box-danger" style="margin-top:20px">
    <div class="box-header with-border">
        <h3 class="box-title">Search Users</h3>
    </div>
    <form role="form" method="POST" action="{{ route('admins.index') }}">
        <div class="box-body">
            <div class="row">
                <div class="col-xs-3">
                    <input type="text" class="form-control" name="search" placeholder="Search by name or email" value="@if(isset($search)){{$search}}@endif">
                </div>
                <div class="col-xs-2">
                                        <select name="type" id="user_type" class="form-control">
                        <option value="">Select User Type</option>
                        @foreach($types as $key=>$userType)
                            <option value="{{ $key }}" @if(isset($type) && ($type == $key)) selected @endif>{{ $userType }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-xs-2">
                                        <select name="status" id="user_status" class="form-control">
                        <option value="">Select User Status</option>
                        @foreach($stat as $key=>$val)
                            <option value="{{ $key }}" @if(isset($status) && ($status == $key)) selected @endif>{{ $val }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-xs-3">
                    <input type="text" class="form-control datepicker" readonly="true" name="created" placeholder="Created At" value="@if(isset($created)) {{ $created }} @endif">
                </div>
                <div class="col-xs-1">
                    <button class="btn btn-success form-control" type="submit">
                        <i class="fa fa-search"></i> Search
                    </button>
                </div>

                <input type="hidden" name="_token" value="{{ csrf_token() }}">
            </div>
        </div>
    </form>
    <!-- /.box-body -->
</div>
<!-- /.box -->






@if ($message = Session::get('success'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }} </p>
</div>
@endif


<div class="box">
    <div class="box-header">
        <h3 class="box-title">User data</h3>
        <div class="pull-right">
            <a class="btn btn-success btn-sm pull-right" href="{{ route('admins.create') }}"> Create User</a>
            @if(isset($roles) && ($roles === true))
            <a href="{{ URL::to('admins/downloadExcel') }}" target="_blank" class="btn btn-success btn-sm pull-right  margin-r-5">Download Excel</a>
            @endif
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">

        <table class="table table-bordered table-hover dataTable">
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Email</th>
                <th>Roles</th>
                <th>Allocated Coupon</th>
                <th>Action</th>
            </tr>
            @foreach ($users['users'] as $key => $admin)
            <tr>
                <td>{{ $admin->id }}</td>
                <td>{{ $admin->name }}</td>
                <td>{{ $admin->email }}</td>
                <td>
                    @if(isset($users['roles'][$admin->id]) && !empty($users['roles'][$admin->id]))
                        @foreach($users['roles'][$admin->id] as $v)
                            <label class="label label-success">{{ $v->display_name }}</label>
                        @endforeach
                    @endif
                </td>
                <td>{{ $admin->code }}</td>
                <td class="col-md-2">
                    <a class="btn btn-info btn-sm btn-block space_buttons" href="{{ route('admins.show',$admin->id) }}">View</a>
                    <a class="btn btn-primary btn-sm btn-block space_buttons" href="{{ route('admins.edit',$admin->id) }}">Edit</a>
                    @if(isset($roles) && ($roles === true))
                        @if($admin->status == 'active')
                            <input readonly="readonly" class="btn btn-success btn-sm btn-block space_buttons change_status" href="#" data-id="{{ $admin->id }}" data-status="inactive" value="Active">
                        @else
                            <input readonly="readonly" class="btn btn-danger btn-sm btn-block space_buttons change_status" href="#" data-id="{{ $admin->id }}" data-status="active" value="Inactive">
                        @endif
                    @endif
                </td>
            </tr>
            @endforeach
        </table>

    </div>
    <!-- /.box-body -->
    <hr>
    <div class="col-xs-12">
        <div class="col-xs-3">
    <form role="form" method="get" action="{{ route('admins.index') }}">
        <input type="number" name="go_to_page" id="go_to_pages" placeholder="Go To Page">
    </div>
        <div class="col-xs-1">
        <button class="btn btn-success form-control" type="submit">
            <i class="fa fa-search"></i> Search
        </button>
    </div>
        </form></div>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{!! $users['users']->appends($append)->render() !!}</div>
    </div>
    
    
</div>
<!-- /.box -->




<script type="text/javascript">
//Active/Inactive user
    $(document).on('click', '.change_status', function (e) {
        e.preventDefault();

        var that = $(this);
        $.ajax({
            type: "POST",
            url: '/admins/change_status',
            data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id'), "status": $(this).data('status')},
            success: function (json) {
                if (json.status == 'success') {
                    if (json.message == 'inactive') {
                        that.prop('value', 'Inactive');
                        that.data('status', 'active');
                        that.removeClass("btn-success").addClass("btn-danger");
                    } else {
                        that.prop('value', 'Active');
                        that.data('status', 'inactive');
                        that.removeClass("btn-danger").addClass("btn-success");
                    }

                } else if (json.status == 'failure') {
                    //that.css("display", "block");
                }
            }
        });
    });
    
    $(document).ready(function () {
        $(".datepicker").datepicker({
            dateFormat: "yy-mm-dd",
            changeYear: true,
            changeMonth: true,
        });
    });
</script>
<script>
    $(document).on('keypress', '#go_to_page', function (e) {
       
        // Check if the pressed key is Enter (key code 13)
        if (e.which === 13) {
            e.preventDefault();
            var page_num = $(this).val();
            $.ajax({
                type: "GET",
                url: '/admins/index',
                data: {"_token": "{{ csrf_token() }}", "page_num": page_num},
                success: function (json) {
                  
                }
            });
        }
    });
    
    </script>
@endsection