@extends('layouts.app')

@section('page_css')
    @parent

@endsection

@section('theme_css')
@endsection
<!-- START @PAGE CONTENT -->

@section('content')

   {{-- <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Add User</h2>
    </div>
--}}

    <div class="grid grid-cols-12 gap-6 mt-5">

        <div class="intro-y col-span-12 lg:col-span-9">
            <div class="intro-y box">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto ml-6">Add New User</h2>

                    <div class="w-full sm:w-auto flex items-center sm:ml-auto mt-3 sm:mt-0">
                        <a href="{!! route('portal.users') !!}" class="btn btn-secondary w-auto inline-block mr-1 mb-2">Back to Listing</a>
                    </div>
                </div>

                {!! Form::open(['url' => route('portal.users.store'), 'class' => 'form floating-label add-user-form no-margin', 'method' => 'post', 'enctype'=>'multipart/form-data']) !!}

                <div class="grid grid-cols-12 gap-4 gap-y-5 mt-5 px-5">
                    
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="first_name" class="form-label">First Name <span class="asterisk">*</span></label>
                            {!! Form::text('first_name', null, ['class' => 'form-control', 'id' => 'first_name']) !!}
                            @if ($errors->has('first_name'))
                                <label for="first_name" class="error display-inline">{{ $errors->first('first_name') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="last_name" class="form-label">Last Name</label>
                            {!! Form::text('last_name', null, ['class' => 'form-control', 'id' => 'last_name']) !!}
                            @if ($errors->has('last_name'))
                                <label for="last_name" class="error display-inline">{{ $errors->first('last_name') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="email" class="form-label">Email <span class="asterisk">*</span></label>
                            {!! Form::text('email', null, ['class' => 'form-control', 'id' => 'email', 'placeholder'=>'Email', 'data-url' => route('portal.users.checkDuplicateEmail')]) !!}
                            @if ($errors->has('email'))
                                <label for="email" class="error display-inline">{{ $errors->first('email') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="mobile" class="form-label">Mobile <span class="asterisk">*</span></label>
                            {!! Form::text('mobile', null, ['class' => 'form-control', 'id' => 'mobile', 'placeholder'=>'Mobile Number']) !!}
                            @if ($errors->has('mobile'))
                                <label for="mobile" class="error display-inline">{{ $errors->first('mobile') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="password" class="form-label">Password <span class="asterisk">*</span></label>
                            {!! Form::password('password', ['class' => 'form-control', 'id' => 'password', 'placeholder'=>'Password']) !!}
                            @if ($errors->has('password'))
                                <label for="password" class="error display-inline">{{ $errors->first('password') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="password_confirmation" class="form-label">Confirm Password <span class="asterisk">*</span></label>
                            {!! Form::password('password_confirmation', ['class' => 'form-control', 'id' => 'password_confirmation', 'placeholder'=>'Confirm Password']) !!}
                            @if ($errors->has('password_confirmation'))
                                <label for="password_confirmation" class="error display-inline">{{ $errors->first('password_confirmation') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="user_type" class="form-label">User Type <span class="asterisk">*</span></label>
                            {!! Form::select('user_type', [" "=>'Select']+_USER_TYPE_ARR_, " ", ['class' => 'form-control tom-select w-full', 'id' => 'user_type', 'data-placeholder'=>'Select']) !!}
                            @if ($errors->has('user_type'))
                                <label for="user_type" class="error display-inline">{{ $errors->first('user_type') }}</label>
                            @endif
                        </div>
                    </div>
                    
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <div class="form-check mt-10">
                                <input id="user_status" class="form-check-input" type="checkbox" value="" name="status">
                                <label class="form-check-label" for="user_status">Disable Login</label>
                            </div>
                        </div>
                    </div>

                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="regular-form-1" class="form-label">Rights </label>
                            <div class="form-check mt-2">
                                <input id="type_1" class="form-check-input" type="checkbox" name="rights[]" value="{!! _MOVE_NEXT_LEVEL_ !!}">
                                <label class="form-check-label" for="type_1">Move to Next Level</label>
                            </div>
                            <div class="form-check mt-4">
                                <input id="type_2" class="form-check-input" type="checkbox" name="rights[]" value="{!! _SEND_EMAIL_ !!}">
                                <label class="form-check-label" for="type_2">Send Master Form Email</label>
                            </div>
                            <div class="form-check mt-4">
                                <input id="type_2" class="form-check-input" type="checkbox" name="rights[]" value="{!! _COMMENTS_RATING_ !!}">
                                <label class="form-check-label" for="type_2">Comments & Rating</label>
                            </div>
                            @if ($errors->has('type'))
                                <label for="type" class="error display-inline">{{ $errors->first('type') }}</label>
                            @endif
                        </div>
                    </div>
                    {{--startup category start--}}
                    <div id="div_startup_category" class="intro-y col-span-12 sm:col-span-6" style="visibility:hidden;">
                        <div class="control-group">
                            <label for="startup_category" class="form-label">Startup Category
                                <span class="asterisk">*@error('startup_category')please provide startup category @enderror</span>
                            </label>
                            <select data-placeholder="Select type of startup" id="startup_category" name="startup_category[]" class="tom-select w-full" multiple>                           
                                @php
                                   foreach($startup_categories as $startup_category)
                                   {
                                       echo '<option value= '.$startup_category["name"].' > '.$startup_category["name"].'</option>  ';
                                    }
                                @endphp                             
                            </select>
                        </div>
                    </div>                    
                    {{--startup category start--}} 
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="linkedin_profile" class="form-label">LinkedIn Profile <span class="asterisk">*</span></label>
                            <input id="linkedin_profile" name="linkedin_profile" type="text" class="form-control" placeholder="LinkedIn Profile"> 
                            @if ($errors->has('linkedin_profile'))
                                <label for="" class="error display-inline">{{ $errors->first('linkedin_profile') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="instagram_profile" class="form-label">Instagram Profile <span class="asterisk">*</span></label>
                            <input id="instagram_profile" name="instagram_profile" type="text" class="form-control" placeholder="Instagram Profile"> 
                            @if ($errors->has('instagram_profile'))
                                <label for="" class="error display-inline">{{ $errors->first('instagram_profile') }}</label>
                            @endif
                        </div>
                    </div>
                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="profile_pic" class="form-label">Profile Pic<span class="asterisk">*</span></label>
                            <input id="profile_pic" name="profile_pic" class="form-control" type="file" /> 
                            <!-- <input id="events_profile_pic" name="events_profile_pic" type="file" /> -->
                            @if ($errors->has('profile_pic'))
                                <label for="" class="error display-inline">{{ $errors->first('profile_pic') }}</label>
                            @endif
                        </div>
                    </div>

                    <div class="intro-y col-span-12 sm:col-span-6">
                        <div class="control-group">
                            <label for="about" class="form-label">About Me<span class="asterisk">*</span></label>
                            <textarea id="about" name="about" rows="3" cols="50" class="form-control"></textarea>
                            @if ($errors->has('about'))
                                <label for="" class="error display-inline">{{ $errors->first('about') }}</label>
                            @endif
                        </div>
                    </div>

                    <div class="intro-y col-span-12 flex items-center text-center mt-5 mb-10 margin-center">
                        <button type="submit"  class="btn btn-primary w-44 ml-2">Save</button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection


@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent
<script>       
    $(document).ready(function(){       
        $("#user_type").on('change',function(){            
            let user_type=$("#user_type").val();
            if(user_type=='INHOUSE')
            {
                $("#div_startup_category").attr("style",'visibility:visible;');
            }
            else
            {
                 $("#div_startup_category").attr("style",'visibility:hidden;');
            }
        });
    });
</script>
    {{ Html::script(config('app.assets_url').'dist/js/users/user.js') }}
@endsection
<!--/ END PAGE CONTENT -->