@extends('layouts.app')

@section('content')

 @foreach ($users as $user) 
<!--  {{ $user->id }} -->
        <div class="page_wrapper">
        <div class="main_section">
            <div class="breadcrum">
                <ul>
                
                @if(Session::get('login_type') == 1)
                <li><a href="{{ url('/home') }}">Dashboard</a></li>
                @endif

                @if(Session::get('login_type') == 2)
                <li><a href="{{ url('/dashboard') }}">Dashboard</a></li>
                @endif

                <li class="active"><a href="{{ url('/account_setting') }}">Account Settings</a></li>
                <li class="active"><a href="javascript:history.back()">Back</a></li>
                </ul>
             
            </div>

            <div class="col-md-12 col-sm-12 col-xs-12">
                @if(session()->has('message'))
                    <div class="alert alert-success">
                        {{ session()->get('message') }}
                    </div>
                 @endif
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                @if(session()->has('error'))
                    <div class="alert alert-danger">
                        {{ session()->get('error') }}
                    </div>
                 @endif
            </div>
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left">
                        <h1>Account Settings</h1>
                    </div>
                </div>
                
                <div class="container_inner">
                    <div class="row">
                         
                        <form action="{{ url('account_setting') }}" method="post" class="form-group {{ $errors->has('user_id') ? 'has-error' : ''}}" enctype="multipart/form-data" id="account_setting" >
                          {{ csrf_field() }}
                        
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Last Name</label>
                                    <div class="input_container">
                                        @if((empty($user->last_name)) && empty(old('last_name')))
                                            <input type="text" placeholder="Enter Last Name" name="last_name"/>
                                            <div class="input_container error last_name_error"> </div>
                                        @else
                                            <input type="text" placeholder="Enter Last Name" name="last_name" value="@if(!empty(old('last_name'))){{old('last_name')}}@else{{ $user->last_name}}@endif"/>
                                            <div class="input_container error last_name_error"> </div>
                                        @endif
                                    </div>
                               
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>First Name</label>
                                    <div class="input_container">
                                        @if((empty($user->first_name)) && empty(old('first_name')))
                                            <input type="text" placeholder="Enter First Name" name="first_name"/>
                                            <div class="input_container error first_name_error"> </div>
                                        @else
                                            <input type="text" placeholder="Enter First Name" name="first_name" value="@if(!empty(old('first_name'))){{old('first_name')}}@else{{ $user->first_name}}@endif"/>
                                            <div class="input_container error first_name_error"> </div>
                                        @endif
                                    </div>
                               
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Middle Name</label>
                                    <div class="input_container">
                                        @if((empty($user->middle_name)) && empty(old('middle_name')))
                                            <input type="text" placeholder="Enter Middle Name" name="middle_name"/>
                                            <div class="input_container error middle_name_error"> </div>
                                        @else
                                            <input type="text" placeholder="Enter Middle Name" name="middle_name" value="@if(!empty(old('middle_name'))){{old('middle_name')}}@else{{ $user->middle_name}}@endif"/>
                                            <div class="input_container error middle_name_error"> </div>
                                        @endif
                                    </div>
                                
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Profile Image</label>
                               
                                <!-- File box -->
                                <div class="file_box">
                                       
                                    <span class="file_container">
                                    <input type="file" id="image_type" name="image" accept="image/*">
                                    </span>
                                    <label for="image_type">Browse</label>

                                    @if(($user->profile_img_type) == 1 AND (!empty($user->profile_image)))
                                        <img  id="book_preview" class="book_preview profile_preview"  src="{{url('/profilepic/')}}/{{ $user->profile_image }}">
                                    @endif

                                    @if(($user->profile_img_type) == 1 AND (empty($user->profile_image)))
                                        <span id="book_preview" class="book_preview profile_preview" style="background-image:url(images/profile_cover.png);"></span>
                                    @endif

                                    @if(($user->profile_img_type) == 2 AND (!empty($user->profile_image)))
                                        <img  id="book_preview" class="book_preview profile_preview"  src="{{ $user->profile_image }}">
                                    @endif

                                    @if(($user->profile_img_type) == 2 AND (empty($user->profile_image)))
                                        <span id="book_preview" class="book_preview profile_preview" style="background-image:url(images/profile_cover.png);"></span>
                                    @endif

                                </div>
                                <div class="input_container error image_error"> </div>


                                <!-- File box -->
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>User Name</label>
                                    <div class="input_container">
                                        @if((empty($user->username)) && empty(old('username')))
                                            <input type="text" placeholder="Enter User Name" name="username"/>
                                            <div class="input_container error username_error"> </div>
                                        @else
                                            <input type="text" placeholder="Enter User Name" name="username" value="@if(!empty(old('username'))){{old('username')}}@else{{ $user->username}}@endif"/>
                                            <div class="input_container error username_error"> </div>
                                        @endif
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Email</label>
                                    <div class="input_container">
                                        @if((empty($user->email)) && empty(old('email')))
                                            <input type="email" placeholder="Enter Email Address" name="email"/>
                                            <div class="input_container error email_error"> </div>
                                        @else
                                            <input type="email" placeholder="Enter User Name" name="email" value="@if(!empty(old('email'))){{old('email')}}@else{{ $user->email}}@endif"/>
                                            <div class="input_container error email_error"> </div>
                                        @endif
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="links">Change Password*</div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Old Password</label>
                               
                                    <div class="input_container">
                                      <input type="password" placeholder="Enter Old Password" name="oldpassword" value="" style="white-space: pre-wrap;"/>
                                      <div class="input_container error oldpassword_error"> </div>
                                    </div>
                               
                                   
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>New Password</label>
                                    <div class="input_container">
                                     <input type="password" placeholder="Enter New Password" name="password"/>
                                     <div class="input_container error password_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Confirm Password</label>
                                    <div class="input_container">
                                    <input type="password" placeholder="Re-Enter New Password" name="password_confirmation"/>
                                    <div class="input_container error password_confirmation_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                                <div class="instructions"><span>*</span>Password will remains same if you leave password field blank</div>
                            </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <input type="submit" value="Save" class="save_form_account"/>
                        </div>
                        </form>
                    </div>
                </div>
            </div>            
        </div>
    </div>
    <div id="home_url" style="display:none;">