@extends('layouts.app')
@section('title', __('lang_v1.my_profile'))

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('lang_v1.my_profile')</h1>
        <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
            <li class="active">Here</li>
        </ol> -->
    </section>

    <!-- Main content -->
    <section class="content">
        {!! Form::open(['url' => action('UserController@updatePassword'), 'method' => 'post', 'id' => 'edit_password_form',
                    'class' => 'form-horizontal' ]) !!}
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-solid"> <!--business info box start-->
                    <div class="box-header">
                        <div class="box-header">
                            <h3 class="box-title"> @lang('user.change_password')</h3>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            {!! Form::label('current_password', __('user.current_password') . ':', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-lock"></i>
                            </span>
                                    {!! Form::password('current_password', ['class' => 'form-control','placeholder' => __('user.current_password'), 'required']); !!}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            {!! Form::label('new_password', __('user.new_password') . ':', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-lock"></i>
                            </span>
                                    {!! Form::password('new_password', ['class' => 'form-control','placeholder' => __('user.new_password'), 'required']); !!}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            {!! Form::label('confirm_password', __('user.confirm_new_password') . ':', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-lock"></i>
                            </span>
                                    {!! Form::password('confirm_password', ['class' => 'form-control','placeholder' =>  __('user.confirm_new_password'), 'required']); !!}
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary pull-right">@lang('messages.update')</button>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
        {!! Form::open(['url' => action('UserController@updateProfile'), 'method' => 'post', 'id' => 'edit_user_profile_form', 'files' => true ]) !!}

        @if($business->enable_referal_system)
            <div class="row">
                <div class="col-sm-12">
                    <div class="box box-solid"> <!--business info box start-->
                        <div class="box-header">
                            <h3 class="box-title">Referral Link</h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" value="{{route('business.getRegister',['refer_user'=> auth()->user()->username])}}"  class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <h4 >List of users</h4>
                                    <table class="table table table-bordered" id="referral_users">
                                        <thead>
                                        <tr>
                                            <th scope="col">User Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Business Name</th>
                                            <th scope="col">Business Phone</th>
                                            <th scope="col">Business Status</th>
                                            <th scope="col">Package Name</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="row">
            <div class="col-sm-8">
                <div class="box box-solid"> <!--business info box start-->
                    <div class="box-header">
                        <h3 class="box-title"> @lang('user.edit_profile')</h3>
                    </div>
                    <div class="box-body">
                        <div class="form-group col-md-2">
                            {!! Form::label('surname', __('business.prefix') . ':') !!}
                            <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                                {!! Form::text('surname', $user->surname, ['class' => 'form-control','placeholder' => __('business.prefix_placeholder')]); !!}
                            </div>
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('first_name', __('business.first_name') . ':') !!}
                            <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                                {!! Form::text('first_name', $user->first_name, ['class' => 'form-control','placeholder' => __('business.first_name'), 'required']); !!}
                            </div>
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('last_name', __('business.last_name') . ':') !!}
                            <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                                {!! Form::text('last_name', $user->last_name, ['class' => 'form-control','placeholder' => __('business.last_name')]); !!}
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            {!! Form::label('email', __('business.email') . ':') !!}
                            <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                                {!! Form::email('email',  $user->email, ['class' => 'form-control','placeholder' => __('business.email') ]); !!}
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            {!! Form::label('language', __('business.language') . ':') !!}
                            <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                                {!! Form::select('language',$languages, $user->language, ['class' => 'form-control select2']); !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                @component('components.widget', ['title' => __('lang_v1.profile_photo')])
                    @if(!empty($user->media))
                        <div class="col-md-12 text-center">
                            {!! $user->media->thumbnail([150, 150], 'img-circle') !!}
                        </div>
                    @endif
                    <div class="col-md-12">
                        <div class="form-group">
                            {!! Form::label('profile_photo', __('lang_v1.upload_image') . ':') !!}
                            {!! Form::file('profile_photo', ['id' => 'profile_photo', 'accept' => 'image/*']); !!}
                            <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])</p></small>
                        </div>
                    </div>
                @endcomponent
            </div>
        </div>
        @include('user.edit_profile_form_part', ['bank_details' => !empty($user->bank_details) ? json_decode($user->bank_details, true) : null])
        <div class="row">
            <div class="col-md-12 text-center">
                <button type="submit" class="btn btn-primary btn-big">@lang('messages.update')</button>
            </div>
        </div>
        {!! Form::close() !!}

    </section>
    <!-- /.content -->
@endsection
@section('javascript')
    <script type="text/javascript">
        $(document).ready( function(){

            $('#referral_users').DataTable({
                processing: true,
                serverSide: true,
                "ajax": {
                    "url": "/user/profile",
                },
                columns: [
                    { data: 'name', name: 'name'  },
                    { data: 'email', name: 'email'},
                    { data: 'business_name', name: 'business.name'  },
                    { data: 'contact_no', name: 'contact_no'  },
                    { data: 'is_active', name: 'is_active'  },
                    { data: 'current_subscription', name: 'current_subscription'  },
                ],
            });
        });


    </script>
@endsection