@extends('layouts.app')

@section('content')
<div class="page-title">

    <div class="page-breadcrumb">
        <ol class="breadcrumb">
            <li><a href="">Home</a></li>
            <li class="active"><a href="{{route('getMarkup')}}">Register Agents</a></li>
        </ol>
    </div>
</div>

<div id="main-wrapper">
    <div class="row">

        <div class="panel panel-white">
            <div class="panel-heading clearfix">
                <h4 class="panel-title">Manage Agents</h4>
            </div>
            <div class="panel-body">
             <div class="table-responsive">
                    <a href="javascript:void(0);" class="btn btn-primary btn-addon m-b-sm btn-rounded btn-md" data-toggle="modal" data-target="#myModal"> <i class="fa fa-plus"></i> Add  </a>
                    <table class="table table-bordered">
                       
                            <tr class="bg-dark">
                                <th>User name</th>
                                <th>User email</th>
                                <th>User Role</th>
                                <th>Actions</th>
                            </tr>
                           <tbody>
                               @foreach ($users as $user)
                               
                               <tr>
                                <td>{{$user->name}}</td>
                                <td>{{$user->email}}</td>
                                <td>{{$user->role}}</td>
                                <td>
                                    @php
                                        $encrypted=Crypt::encrypt( $user->id);
                                    @endphp
                                        @if ($user->id!= Auth::user()->id)
                                        @if ($user->is_block==1)
                                        <a onclick="return confirm('Want to un-block {{$user->name}} user')" class="btn btn-success btn-xs" href="{{route('unblock',['id' => $encrypted])}}"> <i class="fa fa-refresh"></i> Un-Block </a>
                                        @else
                                        <a onclick="return confirm('Want to block {{$user->name}} user')" class="btn btn-danger btn-xs" href="{{route('block',['id' => $encrypted])}}"> <i class="fa fa-ban"></i> Block </a>
                                        @endif
                                        <a onclick="return confirm('Want to delete {{$user->name}} user')" class="btn btn-danger btn-xs" href=""> <i class="fa fa-trash"></i> Delete </a> 
                                        @endif
                                       <a onclick="return confirm('Want to edit {{$user->name}} user')"  class="btn btn-info btn-xs" href=""> <i class="fa fa-edit"></i> Edit </a>

                                </td>
                               </tr> 
                               @endforeach
                                
                            </tbody>
                    </table>
                </div>
            </div>
        </div>


    </div> 
 
</div>

 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form action="{{ route('registerUser') }}" method="POST">
            @csrf
        <div class="modal-dialog">
            <div class="modal-content">
              
                   
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Add Users</h4>
                </div>
                <div class="modal-body">
                    
                         <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Name</label>
                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Contact Email</label>
                                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Password</label>
                                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Confirm Password</label>
                                    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Role</label>
<select name="role" id="role" class="form-control">
    <option value="2">Admin</option>
    <option selected value="3">Agent</option>
</select>
                                </div>
                            </div>
                          
                        </div>
    
                         
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">
                        {{ __('Register') }}
                    </button>
                </div>
            
            </div>
        </div>
       </form> 
    </div>
@endsection