@extends('frontend.layouts.app')

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

        @include('frontend.student.settings.header',['trainee_name' => $trainee_name])
        <!-- Page Header End -->
        <!-- Student Profile Page Area Start -->
        <section class="student-profile-page">
            <div class="container">
                <div class="student-profile-page-content">
                    <div class="row">
                        <div class="col-12">
                            <div class="row bg-white">
                                <!-- Student Profile Left part -->
                                @include('frontend.student.settings.sidebar')

                                <!-- Student Profile Right part -->
                                <div class="col-lg-9 p-0">
                                    <div class="student-profile-right-part">
                                        <h6>{{__('Profile')}}</h6>
                                        <form enctype="multipart/form-data">
                                            @csrf
                                            <div class="profile-top mb-4">
                                                <div class="d-flex align-items-center">
                                                    <div class="profile-image radius-50">

                                                        <img class="avater-image" id="target1" src="https://seip-bee.tappware.com{{$image_path}}" alt="img">
                                                        {{-- <div class="custom-fileuplode">
                                                            <label for="fileuplode" class="file-uplode-btn bg-hover text-white radius-50">
                                                                <span class="iconify" data-icon="bx:bx-edit"></span></label>
                                                            <input type="file" id="fileuplode" name="image" accept="image/*" class="putImage1" onchange="previewFile(this)">
                                                        </div> --}}
                                                    </div>
                                                    <div class="author-info">
                                                        <p class="font-medium font-15 color-heading">{{$trainee_name}}</p>
                                                        <p class="font-14">{{ __('Registration Number') }}: {{$registration_number}} <br> {{ __('Reference Number') }}: {{$reference_number}}</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-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Full Name')}}</label>
                                                    <input type="text" 
                                                    readonly name="first_name" value="{{$trainee_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-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Last Name')}}</label>
                                                    <input type="text" name="last_name" value="Shuvo" class="form-control" placeholder="{{__('Last Name')}}">
                                                    @if ($errors->has('last_name'))
                                                        <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('last_name') }}</span>
                                                    @endif
                                                </div> --}}
                                            </div>

                                            <div class="row">
                                                <div class="col-md-12 mb-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Email')}}</label>
                                                    <input readonly type="email" name="email" value="{{$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-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Phone Number')}}</label>
                                                    <input readonly type="text" name="phone_number" value="{{$mobile}}" 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>
                                            {{-- <div class="row">
                                                <div class="col-md-12 mb-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Country')}}</label>
                                                    <select name="country_id" id="country_id" class="form-select">
                                                        <option value="">{{__('Select Country')}}</option>
                                                        @foreach($countries as $country)
                                                            <option value="{{$country->id}}" @if(old('country_id'))  {{old('country_id') == $country->id ? 'selected' : '' }} @else  {{$student->country_id == $country->id ? 'selected' : '' }}  @endif >{{$country->country_name}}</option>
                                                        @endforeach
                                                    </select>

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

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

                                            {{-- <div class="row">
                                                <div class="col-md-4 mb-30">
                                                    <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($student->country)
                                                                @foreach($student->country->states as $selected_state)
                                                                    <option value="{{$selected_state->id}}" {{$student->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-30">
                                                    <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($student->state)
                                                                @foreach($student->state->cities as $selected_city)
                                                                    <option value="{{$selected_city->id}}" {{$student->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-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Postal Code')}}</label>
                                                    <input type="text" name="postal_code" value="{{$student->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-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Address')}}</label>
                                                    <input readonly 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 class="row">
                                                <div class="col-md-12 mb-30">
                                                    <label class="font-medium font-15 color-heading">{{__('Bio')}}</label>
                                                    <textarea class="form-control" name="about_me" id="exampleFormControlTextarea1" rows="3" placeholder="{{ __('Type about yourself') }}">A Quick Learner</textarea>
                                                    @if ($errors->has('about_me'))
                                                        <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('about_me') }}</span>
                                                    @endif
                                                </div>
                                            </div> --}}
                                            <div class="row mb-30">
                                                <div class="col-md-12">
                                                    <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="col-12">
                                                <button type="submit" class="theme-btn theme-button1 theme-button3 font-15 fw-bold">{{__('Save Profile Now')}}</button>
                                            </div> --}}
                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Student Profile Page Area End -->
    </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/student-profile.js')}}"></script>
@endpush