@extends('frontLayout.frontlayout')
@section('content')

<section class="creator_wrap">
	<div class="creater_inner">
		@include('customerDashboard.sidebar')
		<div class="right_side_wrap">
			<div class="head-main ">
                <div class="head-img">
                    <img src="{{url('assets/frontend/images/Layer-5.jpg')}}" alt="" />
                </div>
                <div class="head-vre card-profile-image">
                    <div class="head-user-img prof_image_sidebar">
                        @include('frontend.partials.fileRender', ['file' => $user->image, 'size' => "medium"])
                        <div class="edit upload-file-click">
                            <a href="javascript:;" onclick="$(this).next().click()"><span><i class="fal fa-pen"></i></span></a>
                            <input type="file" style="display:none" name="" id="profile_img" data-url="{{route('user.uplodeProfilePicture')}}" data-id="{{$user->id}}">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-tabnt">
                <div class="creator_dashboard">
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="my_detail">
                                    <div class="row">
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="detail_area">
                                                <div class="form-head-line">
                                                    <h6>
                                                        My details
                                                    </h6>
                                                </div>
                                                @include('user.partials.flash_messages')
                                                <form method="post" id="customer-profile-update">
                                                    <!--!! CSRF FIELD !!-->
                                                    @csrf
                                                    <div class="row">
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6  col-md-6 col-sm-6 col-12 ">
                                                            <div class="form-group">
                                                                <label for="first_name">First name</label>
                                                                <input type="text" class="form-control" name="first_name" id="first_name" placeholder="First Name" value="{{ $user && $user->first_name ? $user->first_name : "" }}" required />
                                                                @error('first_name')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="last_name">Last name</label>
                                                                <input type="text" class="form-control" name="last_name" id="last_name" value="{{ $user && $user->last_name ? $user->last_name : "" }}" placeholder="Last Name"  required/>
                                                                @error('last_name')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                                                            <div class="form-group">
                                                                <label for="email">Email</label>
                                                                <input type="email" class="form-control" readonly id="email" placeholder="{{ $user && $user->email ? $user->email : "" }}">
                                                                @error('email')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="phonenumber">Contact number</label>
                                                                <input type="text" class="form-control number" name="phonenumber" id="phonenumber" value="{{ $user && $user->phonenumber ? $user->phonenumber : "" }}" placeholder="Contact Number">
                                                                @error('phonenumber')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="address">Address</label>
                                                                <input type="text" class="form-control" name="address" id="address" value="{{ $user && $user->address ? $user->address : "" }}" placeholder="Address">
                                                                @error('address')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="zipcode">Pin code </label>
                                                                <input type="text" class="form-control number" name="zipcode" id="zipcode" value="{{ $user && $user->zipcode ? $user->zipcode : "" }}" placeholder="Pin Code">
                                                                @error('zipcode')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="start_date">Date of birth</label>
                                                                <div class="input-group" id="start_date_box">
                                                                    <input type="text" class="form-control" name="dob" id="start_date" value="{{ $user && $user->dob ? date('d/m/Y', strtotime($user->dob)) : "" }}" placeholder="Enter DOB" onkeyup="
                                                                    var v = this.value;
                                                                    if (v.match(/^\d{2}$/) !== null) {
                                                                        this.value = v + '/';
                                                                    } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                                                        this.value = v + '/';
                                                                    }" maxlength="10" autocomplete="off">
                                                                    <div class="icon">
                                                                        <i class="fal fa-calendar-alt"></i>
                                                                    </div>
                                                                    @error('dob')
                                                                        <small class="text-danger">{{ $message }}</small>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="form-group">
                                                                <label for="inputgender">Gender</label>
                                                                <select id="inputgender" name="gender" class="form-select">
                                                                    <option value="">Select</option>
                                                                    <option value="male" {{ $user && $user->gender == 'male' ? 'selected' : "" }} >Male</option>
                                                                    <option value="female" {{ $user && $user->gender == 'female' ? 'selected' : "" }} >Female</option>
                                                                </select>
                                                                @error('gender')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                       
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="bte float-end">
                                                                <button type="submit" class="btn btn-primary">Save changes</button>
                                                            </div>
                                                        </div>
                                                        @if($user->finish_page)
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <div class="what-your-cont what-cnt-border">
                                                                    <h4>
                                                                    Become a faculty
                                                                    </h4>
                                                                </div>
                                                            </div>
                                                            <div class="bte float-end">
                                                                <a href="{{route('user.become.creator')}}" class="btn btn-primary">Finish my page</a>
                                                            </div>
                                                        </div>
                                                        @endif
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('frontend.partials.dashboardFooter')
        </div>
    </div>
</section>

@endsection