@extends('admin.include.main')
@section('content')

    <div class="wrapper wrapper-content">

        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>View Staff Information</h5>

                    </div>
                    <div class="wrapper wrapper-content">

                        <div class="row">
                            <div class="col-md-8">
                                <div class="ibox-title" >

                                        <h2 class="font-weight-bold text-success">{{$data[0]->staff_name}}</h2>


                                </div>
                            </div>

                            <div class="col-lg-8">
                                <div class="contact-box">

                                        <div class="row">

                                            <div class="col-8" style="font-size: 18px;">
                                                <label class="font-weight-bold">Address:</label> {{$data[0]->staff_address}} <br>
                                                <label class="font-weight-bold">Contact No:</label> {{$data[0]->staff_mobile}}  <br>
                                                <label class="font-weight-bold">Gender:</label> {{$data[0]->staff_gender}}  <br>
                                                <label class="font-weight-bold">Date Of Birth:</label> {{$data[0]->staff_dob}}  <br>
                                                <label class="font-weight-bold">Father name:</label> {{$data[0]->staff_father}}  <br>
                                                <label class="font-weight-bold">Mother name:</label> {{$data[0]->staff_mother}}  <br>
                                               {{--  <label class="font-weight-bold">Designation:</label>{{$data->staff_address}}  <br> --}}
                                                <label class="font-weight-bold">Email Id:</label>{{$data[0]->staff_email}} <br>
                                                <label class="font-weight-bold">Status:</label>
                                                <a {{-- href="{{route('staff.changestatus',['id'=>$data->st_id])}}" --}}>
                                                    @if ($data[0]->staff_status=='active')
                                                        <button type="button" class="btn btn-xs btn-primary">Active</button>
                                                    @else
                                                        <button type="button" class="btn btn-xs btn-warning">Inactive</button>
                                                    @endif
                                                </a> <br>
                                            </div>
                                            <div class="col-4">
                                                <img alt="image" class="rounded float-right" style="width: 100%" src="{{asset('staff/upload/'.$data[0]->staff_image)}}" >

                                            </div>
                                        </div>

                                    <div class="user-button">
                                        <div class="row">
                                            <div class="col-md-4">
                                                 @if($data[0]->staff_status == 'active')
                                               <a href="{{route('staff.changestatus',['id'=>$data[0]->st_id,'status'=>'1'])}}" class="btn btn-primary btn-sm btn-block"><i class="fa fa-lock"></i>
                                                {{-- {{dd($data[0]->staff_status)}} --}}

                                               Disable Login</a>
                                                @elseif($data[0]->staff_status=='inactive')
                                                <a href="{{route('staff.changestatus',['id'=>$data[0]->st_id,'status'=>'1'])}}" class="btn btn-warning btn-sm btn-block"><i class="fa fa-lock"></i>
                                                {{-- {{dd($data[0]->staff_status)}} --}}

                                               Disable Login</a> @endif
                                            </div>
                                            <div class="col-md-4">
                                                <a href="{{route('staff.edit',['id'=>$data[0]->st_id])}}" class="btn btn-default btn-sm btn-block"><i class="fa fa-edit"></i> Edit</a>
                                            </div>
                                            <div class="col-md-4">
                                                <!-- <button type="button" class="btn btn-info btn-sm btn-block" data-toggle="modal" data-target="#feemodal"><i class="fa fa-key"></i> Update or Set Login </button> -->
                                                <button type="button" class="btn btn-info btn-sm btn-block" data-toggle="modal" data-target="#staffloginmodal">
                                                    <i class="fa fa-key"></i> Update or set Login
                                                    </button>
                                                    <div class="modal inmodal" id="staffloginmodal" tabindex="-1" role="dialog"  aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content animated fadeIn">
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                                                    <h4 class="modal-title">Update Staff Login</h4>
                                                                </div>
                                                                <div class="modal-body">
                                                                <form action="{{route('updateloginstaff')}}" method="POST">
                                                                @csrf

                                                                    <div class="form-group row">
                                                                            <label class="col-sm-4 col-form-label">Select Role<span class="text-danger">*</span></label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-control m-b" name="role_id">
                                                                            <option value="" selected disabled>Select Role</option>
                                                                    @foreach($role as $r)
                                                                                        <option @if($r->slug == "staff") selected @endif value="{{$r->id}}">{{$r->name}}</option>
                                                                                        @endforeach

                                                                                </select>
                                                                        </div>
                                                                     </div>
                                                                     <input type="text" value="{{$data[0]->st_id}}" name="id" class="form-control" hidden>


                                                                    <div class="hr-line-dashed"></div>
                                                                    <div class="form-group row"><label class="col-sm-4 col-form-label">New Password</label>
                                                                        <div class="col-sm-8"><input type="password"  name="password" id="st_password" class="form-control" onkeyup='check();'> <span class="form-text m-b-none"></span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group row"><label class="col-sm-4 col-form-label">Confirm Password</label>
                                                                        <div class="col-sm-8"><input type="password" id="st_cpassword" class="form-control" onkeyup='check();'><span id="message"></span> <span class="form-text m-b-none"></span>
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                                                                    <button type="submit" id="btn-pass-submit" disabled class="btn btn-success">Update</button>

                                                                </div>
                                                                </form>

                                                            </div>
                                                        </div>
                                                    </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
<div class="col-md-8">
    <div class="ibox-title" >
<h2 class="font-weight-bold text-success text-center"><a href="{{route('permissions',['id'=>$data[0]->id,'status'=>'1'])}}"> Update Permission</a></h2>
</div>
 </div>
                        </div>
                    </div>

            </div>

        </div>
   </div>

<script>




    var check = function() {
        if(document.getElementById('st_cpassword').value != ""){
        debugger;
    if (document.getElementById('st_password').value ==
        document.getElementById('st_cpassword').value) {
        document.getElementById('message').style.color = 'green';
        document.getElementById('message').innerHTML = 'Match';
        document.getElementById('btn-pass-submit').disabled = false;

    } else {
        document.getElementById('message').style.color = 'red';
        document.getElementById('message').innerHTML = 'Not Matched';
        document.getElementById('btn-pass-submit').disabled = true;

    }
    }
    }


</script>





@endsection