@extends('dashboard.layout.index')
@section('title')
@if($role == 'admin')
{{ __('site.edit_user') }}
@elseif($role == 'teacher')
{{__('site.edit_teacher') }}
@else
{{__('site.edit_student') }}
@endif
@endsection
@section('content')

    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-5 align-self-center">
                <h4 class="page-title">
                    @if($role == 'admin')
                    {{ __('site.users') }}
                    @elseif($role == 'teacher')
                    {{__('site.teachers') }}
                    @else
                    {{__('site.students') }}
                    @endif
                </h4>
                <div class="d-flex align-items-center">
                </div>
            </div>
            <br>
            <br>
            <br>
            <br>
            <div class="col-7 align-self-center">
                <div class="d-flex no-block justify-content-end align-items-center">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{route('admin.welcome')}}">{{__('site.dashboard')}}</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{route('admin.user.index')}}">
                                    @if($role == 'admin')
                                    {{ __('site.users') }}
                                    @elseif($role == 'teacher')
                                    {{__('site.teachers') }}
                                    @else
                                    {{__('site.students') }}
                                    @endif
                                  </a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{__('site.edit')}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <!-- Column -->
            <div class="col-md-12 col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="box-title p-15 btn-warning" >
                            @if($role == 'admin')
                            {{ __('site.edit_user') }}
                            @elseif($role == 'teacher')
                            {{__('site.edit_teacher') }}
                            @else
                            {{__('site.edit_student') }}
                            @endif                        </h4>
                        @include('partial.errors')
                        <form class="form-horizontal p-t-20" action="{{route('admin.user.update',$user->id)}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            {{method_field('put')}}
                            <input type="hidden" name="role" value="{{$role}}">
                            <div class="form-group row">
                                <label for="username" class="col-sm-3 control-label">*{{__('site.name')}}</label>
                                <div class="col-sm-9">
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="ti-user"></i></span></div>
                                        <input type="text" class="form-control" name="name"  value="{{$user->name}}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="email4" class="col-sm-3 control-label">*{{__('site.email')}}</label>
                                <div class="col-sm-9">
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="ti-email"></i></span></div>
                                        <input type="email" class="form-control" name="email" id="email"  value="{{$user->email}}">
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="form-group row">
                                <label for="email4" class="col-sm-3 control-label"><span style="color: red">*</span>{{__('site.image')}}</label>
                                <div class="col-sm-9">
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="ti-image"></i></span></div>
                                        <input type="file" class="form-control image" name="image" onchange="readURL(this);" id="ShowImage"  placeholder="{{__('site.image')}}"  value="{{$user->image_path}}">
                                    </div>
                                </div>
                            </div> --}}
                            {{-- <div class="form-group row">
                                <div class="col-3"></div>
                                <div class="col-9">
                                    <img src="{{$user->image_path}}" width="100" class="img-fluid rounded-circle image_preview" >
                                </div>
                            </div> --}}

                            @if($role != 'student')
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title">{{__('site.permissions')}}</h4>
                                    @php
                                    if($role == 'admin'){
                                        $models = ['users','books'];
                                    }
                                    else{
                                        $models = ['books'];
                                    }
                                        $maps = ['create','read','edit','delete'];
                                    @endphp

                                    <ul class="nav nav-tabs" role="tablist">
                                        @foreach($models as $index=>$model)
                                            <li class="nav-item"> <a class="nav-link {{$index == 0? 'active' : ''}}" data-toggle="tab" href="#{{$model}}" role="tab"><span class="hidden-sm-up"><i class="ti-user"></i></span> <span class="hidden-xs-down">{{__('site.'. $model)}}</span></a> </li>
                                        @endforeach
                                    </ul>
                                    <!-- Tab panes -->
                                    <div class="tab-content tab-content-border">
                                        @foreach($models as $index=>$model)
                                            <div class="tab-pane {{$index == 0 ? 'active' : ''}}" id="{{$model}}" role="tabpanel">
                                                <div class="p-20">
                                                    @foreach($maps as $map)
                                                        <label><input type="checkbox" name="permissions[]"  {{$user->hasPermission($map.'_'.$model) ? 'checked': ''}}   value="{{$map}}_{{$model}}">{{__('site.'.$map)}}</label>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            @endif
                            <div class="form-group row m-b-0">
                                <div class="offset-sm-3 col-sm-9">
                                    <button type="submit" class="btn btn-warning waves-effect waves-light"><i class="fa fa-edit"></i>{{' '. __('site.update')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection