@extends('admin.master_layout')
@section('title')
<title>{{ __('User Details') }}</title>
@endsection
@section('admin-content')
<!-- Main Content -->
<div class="main-content">
    <section class="section">
        <div class="section-header">
            <h1>{{ __('Create User') }}</h1>
        </div>
        <div class="section-body">
            <div class="row">
                <div class="col-md-8 offset-2">
                    {{-- profile information card area --}}
                    <div class="card">
                        <!-- <div class="card-header">
                            <h5 class="service_card">{{ __('Profile Information') }}</h5>
                        </div> -->
                        <div class="card-body">
                            <form action="{{ route('admin.user-store') }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('POST')

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="role">User Type<code>*</code></label>
                                            <select name="role" id="role" class="role form-control" onchange="roleSelect()">
                                                <option value="">{{ __('Select') }}</option>
                                                <option value="instructor" {{ old('role') == 'instructor' ? 'selected' : '' }}>Tutor</option>
                                                <option value="student" {{ old('role') == 'student' ? 'selected' : '' }}>Student</option>
                                                <option value="counselor" {{ old('role') == 'counselor' ? 'selected' : '' }}>Counselor</option>
                                                <option value="company" {{ old('role') == 'company' ? 'selected' : '' }}>Company</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 form-group admin_tutor">
                                        <label>
                                            <input type="hidden" value="0" name="admin_tutor"
                                                class="custom-switch-input">
                                            <input type="checkbox" value="1" name="admin_tutor"
                                                class="custom-switch-input" {{ old('admin_tutor') == 1 ? 'checked' : '' }}>
                                            <span class="custom-switch-indicator"></span>
                                            <span
                                                class="custom-switch-description">{{ __('Admin Tutor') }}</span>
                                        </label>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="name">{{ __('Full Name') }} <code>*</code></label>
                                            <input id="name" value="{{ old('name') }}" name="name" type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email">{{ __('Email') }} <code>*</code></label>
                                            <input id="email" value="{{ old('email') }}" name="email" type="email" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="phone">{{ __('Phone') }}</label>
                                            <input id="phone" value="{{ old('phone') }}" name="phone" type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="gender">{{ __('Gender') }}</label>
                                            <select name="gender" id="gender" class="form-control">
                                                <option value="">{{ __('Select') }}</option>
                                                <option {{ old('gender') == 'male' ? 'selected' : '' }} value="male">{{ __('Male') }} </option>
                                                <option {{ old('gender') == 'female' ? 'selected' : '' }} value="female">{{ __('Female') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="age">{{ __('Age') }}</label>
                                            <input id="age" value="{{ old('age') }}" name="age" type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <div class="form-group">
                                            <label for="password">{{ __('Password') }} <span class="text-danger">*</span></label>
                                            <input type="text" value="{{ old('password') }}"  name="password" class="form-control">
                                        </div>
                                    </div>
                                    <!-- <div class="col-md-12">
                                        <div class="form-grp">
                                            <label for="status">{{ __('Status') }}</label>
                                            <select name="status" class="form-control" required>
                                                <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>{{ __('Active') }}</option>
                                                <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>{{ __('Inactive') }}</option>
                                            </select>
                                        </div>
                                    </div> -->
                                    <div class="col-md-12 mt-4">
                                        <button type="submit" class="btn btn-primary w-100">{{ __('Save') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<x-admin.delete-modal />
@endsection
@push('js')
<script>
    $(document).ready(function() {
        roleSelect();
    });

    function roleSelect() {
        var role = $("#role").val();
        if(role == 'instructor'){
            $(".admin_tutor").show()
        }else{
            $(".admin_tutor").hide()
        }
    }
</script>
@endpush