@extends('layouts.instructor')

@section('breadcrumb')
    <div class="page-banner-content text-center">
        <h3 class="page-banner-heading text-white pb-15"> {{ __('Profile') }} </h3>

        <!-- Breadcrumb Start-->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-center">
                <li class="breadcrumb-item font-14"><a href="{{ route('dashboard.dashboard') }}">{{ __('Dashboard') }}</a>
                </li>
                <li class="breadcrumb-item font-14 active" aria-current="page">{{ __('Profile') }}</li>
            </ol>
        </nav>
    </div>
@endsection

@section('content')
    <div class="instructor-profile-right-part">
        <form enctype="multipart/form-data" action="{{ route('profile-update') }}" method="post">
            @csrf
            <div class="instructor-profile-info-box">
                <h6 class="instructor-info-box-title">{{ __('Personal Info') }}</h6>

                <div class="profile-top mb-4">
                    <div class="d-flex align-items-center">
                        <div class="profile-image radius-50">
                            @if (isset(auth()->user()->image))
                                <img class="avater-image" id="target1" src="{{ getImageFile(auth()->user()->image) }}"
                                    alt="img">
                            @else
                                <img class="avater-image" id="target1"
                                    src="{{ asset('uploads_demo/default/user-avatar.png') }}" alt="img">
                            @endif

                        </div>
                        <div class="author-info">
                            <p class="font-medium font-15 color-heading">{{ auth()->user()->name }}</p>
                            <p class="font-14">{{ __('Phone') }}: {{ auth()->user()->phone_number }} <br>
                                {{ __('Email') }}: {{ auth()->user()->email }}</p>
                        </div>
                    </div>
                    @if ($errors->has('image'))
                        <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                            {{ $errors->first('image') }}</span>
                    @endif
                </div>
                <div class="row">
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Full Name') }}</label>
                        <input type="text" name="name" value="{{ auth()->user()->name }}" class="form-control"
                            placeholder="{{ __('First Name') }}">
                        @if ($errors->has('first_name'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                                {{ $errors->first('first_name') }}</span>
                        @endif
                    </div>
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Email') }}</label>
                        <input readonly type="email" name="email" value="{{ auth()->user()->email }}"
                            class="form-control" placeholder="Type your email">
                        @if ($errors->has('email'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                                {{ $errors->first('email') }}</span>
                        @endif
                    </div>

                </div>

                {{-- <div class="row">
                    <div class="col-md-12 mb-20">
                        <label class="font-medium font-15 color-heading">{{__('Professional Title')}}</label>
                        <input type="text" name="professional_title" value="{{$instructor->professional_title}}" class="form-control" placeholder="Type your professional title">
                        @if ($errors->has('professional_title'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('professional_title') }}</span>
                        @endif
                    </div>
                </div> --}}
                <div class="row">
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Phone Number') }}</label>
                        <input type="text" name="phone_number" value="{{ auth()->user()->phone_number }}"
                            class="form-control" placeholder="Type your phone number">

                        @if ($errors->has('phone_number'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                                {{ $errors->first('phone_number') }}</span>
                        @endif

                    </div>
                    <div class="col-md-3 mb-20">
                        <div class="upload-img-box mb-25 overflow-hidden">
                            @if (auth()->user()->image)
                                <img src="{{ getImageFile(auth()->user()->image) }}" alt="img" class="img-fluid">
                            @else
                                <img src="">
                            @endif
                            <input type="file" name="image" id="image" accept="image/*"
                                onchange="previewFile(this)">
                            <div class="upload-img-box-icon">
                                <i class="fa fa-camera"></i>
                                <p class="m-0">{{ __('Image') }}</p>
                            </div>
                        </div>
                        <p>{{ __('Accepted Image Files') }}: JPEG, JPG, PNG

                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 mb-10">
                        <label class="font-medium font-15 color-heading">{{ __('Address') }}</label>
                        <textarea name="address" id="address" class="form-control" placeholder="{{ __('Address') }}">{{ auth()->user()->address }}</textarea>

                        @if ($errors->has('address'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                                {{ $errors->first('address') }}</span>
                        @endif

                    </div>
                </div>
                {{-- <div class="row">

                    <div class="col-md-4 mb-20">
                        <label class="font-medium font-15 color-heading">{{__('State')}}</label>
                        <select name="state_id" id="state_id" class="form-select">
                            <option value="">{{__('Select State')}}</option>
                            @if (old('country_id'))
                                @foreach ($states as $state)
                                    <option value="{{$state->id}}" {{old('state_id') == $state->id ? 'selected' : ''}} >{{$state->name}}</option>
                                @endforeach
                            @else
                                @if ($instructor->country)
                                    @foreach ($instructor->country->states as $selected_state)
                                        <option
                                            value="{{$selected_state->id}}" {{$instructor->state_id == $selected_state->id ? 'selected' : '' }} >{{$selected_state->name}}</option>
                                    @endforeach
                                @endif
                            @endif
                        </select>

                        @if ($errors->has('state_id'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('state_id') }}</span>
                        @endif

                    </div>
                    <div class="col-md-4 mb-20">
                        <label class="font-medium font-15 color-heading">{{__('City')}}</label>
                        <select name="city_id" id="city_id" class="form-select">
                            <option value="">{{__('Select City')}}</option>

                            @if (old('state_id'))
                                @foreach ($cities as $city)
                                    <option value="{{$city->id}}" {{old('city_id') == $city->id ? 'selected' : '' }} >{{$city->name}}</option>
                                @endforeach
                            @else
                                @if ($instructor->state)
                                    @foreach ($instructor->state->cities as $selected_city)
                                        <option value="{{$selected_city->id}}" {{$instructor->city_id == $selected_city->id ? 'selected' : '' }} >{{$selected_city->name}}</option>
                                    @endforeach
                                @endif
                            @endif

                        </select>

                        @if ($errors->has('city_id'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('city_id') }}</span>
                        @endif

                    </div>
                    <div class="col-md-4 mb-20">
                        <label class="font-medium font-15 color-heading">{{__('Postal Code')}}</label>
                        <input type="text" name="postal_code" value="{{$instructor->postal_code}}" class="form-control" placeholder="{{__('Postal Code')}}">

                        @if ($errors->has('postal_code'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('postal_code') }}</span>
                        @endif

                    </div>
                </div> --}}
                {{-- <div class="row">
                    <div class="col-md-12 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Address') }}</label>
                        <input type="text" name="address" value="{{ $address }}" class="form-control"
                            placeholder="Type your address">

                        @if ($errors->has('address'))
                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                                {{ $errors->first('address') }}</span>
                        @endif


                    </div>
                </div> --}}

            </div>

            {{-- <div class="row">
                <div class="col-md-12 mb-20">
                    <label class="font-medium font-15 color-heading">{{ __('Gender') }}</label>
                    <div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="gender" id="inlineRadio1"
                                value={{ $gender }} {{ $gender == 'Male' ? 'checked' : '' }}>
                            <label class="form-check-label" for="inlineRadio1">{{ __('Male') }}</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="gender" id="inlineRadio2"
                                value={{ $gender }} {{ $gender == 'Female' ? 'checked' : '' }}>
                            <label class="form-check-label" for="inlineRadio2">{{ __('Female') }}</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="gender" id="inlineRadio3"
                                value={{ $gender }} {{ $gender == 'Others' ? 'checked' : '' }}>
                            <label class="form-check-label" for="inlineRadio3">{{ __('Others') }}</label>
                        </div>
                    </div>
                    @if ($errors->has('gender'))
                        <span class="text-danger"><i class="fas fa-exclamation-triangle"></i>
                            {{ $errors->first('gender') }}</span>
                    @endif
                </div>
            </div> --}}
            {{-- 
            <div class="instructor-profile-info-box">
                <h6 class="instructor-info-box-title">{{__('Social Links')}}</h6>

                @php
                    $social_link = json_decode($instructor->social_link);
                @endphp
                <div class="row">
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Facebook') }}</label>
                        <input type="text" name="social_link[facebook]" value="{{$instructor->social_link ? $social_link->facebook : ''}}" class="form-control"
                               placeholder="https://facebook.com">
                    </div>
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Twitter') }}</label>
                        <input type="text" name="social_link[twitter]" value="{{$instructor->social_link ? $social_link->twitter : ''}}" class="form-control"
                               placeholder="https://twitter.com">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Linkedin') }}</label>
                        <input type="text" name="social_link[linkedin]" value="{{$instructor->social_link ? $social_link->linkedin : ''}}" class="form-control"
                               placeholder="https://linkedin.com">
                    </div>
                    <div class="col-md-6 mb-20">
                        <label class="font-medium font-15 color-heading">{{ __('Pinterest') }}</label>
                        <input type="text" name="social_link[pinterest]" value="{{$instructor->social_link ? $social_link->pinterest : ''}}" class="form-control"
                               placeholder="https://pinterest.com">
                    </div>
                </div>
            </div>

            <div class="instructor-profile-info-box">
                <h6 class="instructor-info-box-title">{{__('Certifications')}}</h6>
                <div class="certificates">
                    <div class="certificate-item">
                        @if ($instructor->certificates)
                            @foreach ($instructor->certificates as $certificate)
                                <div class="row mb-20 removable-item">
                                    <div class="col-md-8">
                                        <label class="font-medium font-15 color-heading">{{__('Title of the Certificate')}}</label>
                                        <input type="text" name="certificate_title[]" value="{{$certificate->name}}" class="form-control"
                                               placeholder="{{__('Title of the Certificate')}}">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="font-medium font-15 color-heading">{{__('Date')}}</label>
                                        <input type="text" name="certificate_date[]" value="{{$certificate->passing_year}}" class="form-control" placeholder="{{__('Date')}}">
                                    </div>
                                    <div class="col-md-1">
                                        <div class="mt-45">
                                            <a href="javascript:void(0);" class="remove-item"><i class="fa fa-trash"></i></a>
                                        </div>
                                    </div>
                                </div>

                            @endforeach
                        @else
                            <div class="row mb-20">
                                <div class="col-md-8">
                                    <label class="font-medium font-15 color-heading">{{__('Title of the Certificate')}}</label>
                                    <input type="text" name="certificate_title[]" class="form-control" placeholder="{{__('Title of the Certificate')}}">
                                </div>
                                <div class="col-md-3">
                                    <label class="font-medium font-15 color-heading">{{__('Year')}}</label>
                                    <input type="text" name="certificate_date[]" class="form-control" placeholder="{{__('Year')}}">
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="row mb-20">
                        <div class="col-12">
                            <a href="javascript:void(0);" class="theme-btn border-1 theme-border add-more-certificate">
                                <span class="iconify me-2" data-icon="akar-icons:circle-plus"></span>{{__('Add More Certificate')}}
                            </a>
                        </div>
                    </div>
                </div>


            </div>

            <div class="instructor-profile-info-box">
                <h6 class="instructor-info-box-title">{{__('Awards')}}</h6>

                <div class="awards">
                    <div class="award-item">
                        @if ($instructor->awards)
                            @foreach ($instructor->awards as $award)
                                <div class="instructor-add-extra-field-box mb-20 removable-item">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <label class="font-medium font-15 color-heading">{{__('Title of the Award')}}</label>
                                            <input type="text" name="award_title[]" value="{{$award->name}}" class="form-control" placeholder="{{__('Title of the Award')}}">
                                        </div>

                                        <div class="col-md-3">
                                            <label class="font-medium font-15 color-heading">{{__('Year')}}</label>
                                            <input type="text" name="award_year[]" value="{{$award->winning_year}}" class="form-control" placeholder="{{__('Year')}}">
                                        </div>
                                        <div class="col-md-1">
                                            <div class="mt-45">
                                                <a href="javascript:void(0);" class="remove-item"><i class="fa fa-trash"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <div class="instructor-add-extra-field-box mb-20">
                                <div class="row">
                                    <div class="col-md-8">
                                        <label class="font-medium font-15 color-heading">{{__('Title of the Award')}}</label>
                                        <input type="text" name="award_title[]" class="form-control" placeholder="{{__('Title of the Award')}}">
                                    </div>

                                    <div class="col-md-3">
                                        <label class="font-medium font-15 color-heading">{{__('Year')}}</label>
                                        <input type="text" name="award_year[]" class="form-control" placeholder="{{__('Year')}}">
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>

                    <div class="instructor-add-extra-field-box">
                        <div class="row mb-20">
                            <div class="col-12">
                                <a href="javascript:void(0);" class="theme-btn border-1 theme-border add-more-award">
                                    <span class="iconify me-2" data-icon="akar-icons:circle-plus"></span>{{__('Add More Award')}}
                                </a>
                            </div>
                        </div>
                    </div>

                </div>


            </div> --}}

            <div class="col-12">
                <button type="submit"
                    class="theme-btn theme-button1 theme-button3 font-15 fw-bold">{{ __('Save Profile Now') }}</button>
            </div>
        </form>

    </div>
@endsection

@push('style')
    <link rel="stylesheet" href="{{ asset('admin/css/custom/image-preview.css') }}">
@endpush

@push('script')
    <script src="{{ asset('admin/js/custom/image-preview.js') }}"></script>
    <script src="{{ asset('frontend/assets/js/custom/instructor-profile.js') }}"></script>
@endpush