@extends("layouts.admin.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1>{{__("Profile")}}</h1>
            <p>{{__("Edit profile")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Profile")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Edit profile")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <a href="{{ route("admin.profile.index") }}" style="{{ app()->getLocale() == "ar" ? 'float: left;' : 'float: right;' }}" class="btn btn-rounded btn-dark mb-5">
                    {{__('back')}}
                </a>
                <h3 class="tile-title">{{__("Edit profile")}}</h3>
                <div class="tile-body">
                    @foreach($admin as $data)
                        <form method="post" action="{{ route("admin.profile.update", $data->id) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("school-name")}}</label>
                                        <input class="form-control @if($errors->has('full_name')) is-invalid @endif" type="text" name="full_name" placeholder="{{__("Enter Full name")}}" value="{{ $data->full_name }}">
                                    </div>
                                    @error("full_name")
                                        <div class="input-error">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Username")}}</label>
                                        <input class="form-control @if($errors->has('username')) is-invalid @endif" type="text" name="username" placeholder="{{__("enter-username")}}" value="{{$data->username}}">
                                    </div>
                                    @error("username")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("email")}}</label>
                                        <input class="form-control @if($errors->has('email')) is-invalid @endif" type="text" name="email" placeholder="example : example@example.com" value="{{$data->email}}">
                                    </div>
                                    @error("email")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                @if($data->role_id==11)
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Code")}}</label>
                                            <input class="form-control @if($errors->has('code')) is-invalid @endif" type="text" name="code" disabled value="{{$data->code}}">
                                        </div>
                                        @error("full_name")
                                        <div class="input-error">{{$message}}</div>
                                        @enderror
                                    </div>
                                @endif

                                @if($data->type == 'A')
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">{{__("subscriptions")}}</label>
                                            <select class="form-control" id="anotherRoleSelect" name="subscription" disabled>
                                                @foreach($subscriptions as $subscription)
                                                <option value="{{$subscription->id}}" {{ $subscription->id == $data->subscription_id  ? 'selected' : '' }}>
                                                    @if(app()->getLocale() == 'ar')
                                                    {{$subscription->name_ar}}
                                                    @else
                                                    {{$subscription->name_en}}
                                                    @endif
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Profile Photo")}}</label>
                                        <div>
                                            <button class="btn btn-primary form-control button-upload-file">
                                                <input class="input-file" type="file" name="profile_photo" id="profile_photo_input">
                                                <span class="upload-file-content">
                                                    <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                    <span class="upload-file-content-text">{{ __("Upload Photo") }}</span>
                                                </span>
                                            </button>
                                        </div>
                                        <div class="col-lg-3 col-md-5 col-sm-6 mt-3 p-0">
                                            <div class="images">
                                                <div class="uploaded-images">
                                                    <img src="{{$data->getFirstMediaFile("Admin")->url ?? asset("assets/user_avatar.jpg") }}" alt="" width="90px" id="profile_photo_preview">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <hr width="100%">
                                
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Current Password")}}</label>
                                        <input class="form-control @if($errors->has('current_password')) is-invalid @endif" type="password" name="current_password" placeholder="****">
                                    </div>
                                    @error("current_password")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("new-password")}}</label>
                                        <input class="form-control @if($errors->has('password')) is-invalid @endif" type="password" name="password" placeholder="****">
                                    </div>
                                    @error("password")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("Confirm Password")}}</label>
                                        <input class="form-control @if($errors->has('password')) is-invalid @endif" type="password" name="password_confirmation" placeholder="****">
                                    </div>
                                </div>

                            </div>
                            
                            <div class="tile-footer">
                                <button class="btn btn-primary" type="submit">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Save")}}
                                </button>
                            </div>
                        </form>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection

@section("scripts")
    <script type="text/javascript">
        document.getElementById('profile_photo_input').addEventListener('change', function(e) {
            const fileInput = e.target;
            const previewImage = document.getElementById('profile_photo_preview');
            if (fileInput.files && fileInput.files[0]) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    previewImage.src = e.target.result;
                };
                reader.readAsDataURL(fileInput.files[0]);
            }
        });
    </script>
@endsection