@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.create') }} {{ trans('cruds.userAccount.title_singular') }}
    </div>

    <div class="card-body">
        @if(session()->has('message'))
            <p class="alert alert-info">
                {{ session()->get('message') }}
            </p>
        @endif

        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        <form method="POST" action="{{ route("admin.user-accounts.store") }}" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md">
                    <div class="form-group">
                        <label for="name">{{ trans('cruds.userAccount.fields.name') }}</label>
                        <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text" name="name" id="name" value="{{ old('name', '') }}">
                        @if($errors->has('name'))
                            <span class="text-danger">{{ $errors->first('name') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.name_helper') }}</span>
                    </div>
                </div>

                <div class="col-md">
                    <div class="form-group">
                        <label for="phone_no">{{ trans('cruds.userAccount.fields.phone_no') }}</label>
                        <input class="form-control {{ $errors->has('phone_no') ? 'is-invalid' : '' }}" type="text" name="phone_no" id="phone_no" value="{{ old('phone_no', '') }}">
                        @if($errors->has('phone_no'))
                            <span class="text-danger">{{ $errors->first('phone_no') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.phone_no_helper') }}</span>
                    </div>
                </div>

                <div class="col-md">
                    <div class="form-group">
                        <label for="email">{{ trans('cruds.userAccount.fields.email') }}</label>
                        <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" name="email" id="email" value="{{ old('email') }}">
                        @if($errors->has('email'))
                            <span class="text-danger">{{ $errors->first('email') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.email_helper') }}</span>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label class="required" for="user_type_id">{{ trans('cruds.userAccount.fields.user_type') }}</label>
                        <select class="form-control {{ $errors->has('user_type_id') ? 'is-invalid' : '' }}" name="user_type_id" id="user_type_id" required>
                            @foreach($user_types as $id => $entry)
                                <option value="{{ $id }}" {{ old('user_type_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('user_type'))
                            <span class="text-danger">{{ $errors->first('user_type') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.user_type_helper') }}</span>
                    </div>
                </div>

                <div class="col-md-3 form_eiin">
                    <div class="form-group">
                        <label class="required" for="eiin">{{ trans('cruds.userAccount.fields.eiin') }}</label>
                        <input class="form-control {{ $errors->has('eiin') ? 'is-invalid' : '' }}" type="number" name="eiin" id="eiin" value="{{ old('eiin', '') }}">
                        @if($errors->has('eiin'))
                            <span class="text-danger">{{ $errors->first('eiin') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.eiin_helper') }}</span>
                    </div>
                </div>
                
                <div class="col-md-3 form_pdsid">
                    <div class="form-group">
                        <label for="pdsid">{{ trans('cruds.userAccount.fields.pdsid') }}</label>
                        <input class="form-control {{ $errors->has('pdsid') ? 'is-invalid' : '' }}" type="number" name="pdsid" id="pdsid" value="{{ old('pdsid', '') }}">
                        @if($errors->has('pdsid'))
                            <span class="text-danger">{{ $errors->first('pdsid') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.pdsid_helper') }}</span>
                    </div>
                </div>
                <div class="col-md-3 form_index_no">
                    <div class="form-group">
                        <label for="index_no ">Index no</label>
                        <input class="form-control {{ $errors->has('index_no') ? 'is-invalid' : '' }}" type="text" name="index_no" id="index_no" value="{{ old('index_no', '') }}">
                        @if($errors->has('index_no '))
                            <span class="text-danger">{{ $errors->first('index_no ') }}</span>
                        @endif
                    </div>
                </div>
                <div class="col-md-3 form_suid">
                    <div class="form-group">
                        <label for="suid">{{ trans('cruds.userAccount.fields.suid') }}</label>
                        <input class="form-control {{ $errors->has('suid') ? 'is-invalid' : '' }}" type="number" name="suid" id="suid" value="{{ old('suid', '') }}">
                        @if($errors->has('suid'))
                            <span class="text-danger">{{ $errors->first('suid') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.suid_helper') }}</span>
                    </div>
                </div>

                <div class="col-md-3 form_year">
                    <div class="form-group">
                        <label for="year" class="required">Year</label>
                        <input class="form-control {{ $errors->has('year') ? 'is-invalid' : '' }}" type="number" name="year" id="year" value="{{ old('year', '') }}">
                        @if($errors->has('year'))
                            <span class="text-danger">{{ $errors->first('year') }}</span>
                        @endif
                    </div>
                </div>
            
                <div class="col-md-3 form_class_id">
                    <div class="form-group">
                        <label for="class_id" class="required">Class Id</label>
                        <input class="form-control {{ $errors->has('class_id') ? 'is-invalid' : '' }}" type="number" name="class_id" id="class_id" value="{{ old('class_id', '') }}">
                        @if($errors->has('class_id'))
                            <span class="text-danger">{{ $errors->first('class_id') }}</span>
                        @endif
                    </div>
                </div>
             
                <div class="col-md-3 form_zila_id">
                    <div class="form-group">
                        <label for="zila_id" class="required">Zila id</label>
                        <input class="form-control {{ $errors->has('zila_id') ? 'is-invalid' : '' }}" type="number" name="zila_id" id="zila_id" value="{{ old('zila_id', '') }}">
                        @if($errors->has('zila_id'))
                            <span class="text-danger">{{ $errors->first('zila_id') }}</span>
                        @endif
                    </div>
                </div>

                <div class="col-md-3 form_upazila_id">
                    <div class="form-group">
                        <label for="zila_id">upazila id</label>
                        <input class="form-control {{ $errors->has('upazila_id') ? 'is-invalid' : '' }}" type="number" name="upazila_id" id="upazila_id" value="{{ old('upazila_id', '') }}">
                        @if($errors->has('upazila_id'))
                            <span class="text-danger">{{ $errors->first('upazila_id') }}</span>
                        @endif
                    </div>
                </div>

                <div class="col-md-3 form_role">
                    <div class="form-group">
                        <label class="required" for="role">Role</label>
                        <select class="form-control" name="role" id="role">
                            @foreach(App\Models\UserAccount::ROLE_TYPE_SELECT as $key => $label)
                                <option value="{{ $key }}" {{ old('role') == $key ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('role'))
                            <span class="text-danger">{{ $errors->first('role') }}</span>
                        @endif
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="password">{{ trans('cruds.userAccount.fields.password') }}</label>
                        <input class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" type="password" name="password" id="password">
                        @if($errors->has('password'))
                            <span class="text-danger">{{ $errors->first('password') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.password_helper') }}</span>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="permission_access_modules">{{ trans('cruds.userAccount.fields.permission_access_modules') }}</label>
                        <!-- <div style="padding-bottom: 4px">
                            <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
                            <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                        </div> -->
                        <select class="form-control select2 {{ $errors->has('permission_access_modules') ? 'is-invalid' : '' }}" name="permission_access_modules[]" id="permission_access_modules" multiple>
                            @foreach($permission_access_modules as $id => $permission_access_module)
                                <option value="{{ $id }}" {{ in_array($id, old('permission_access_modules', [])) ? 'selected' : '' }}>{{ $permission_access_module }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('permission_access_modules'))
                            <span class="text-danger">{{ $errors->first('permission_access_modules') }}</span>
                        @endif
                        <span class="help-block">{{ trans('cruds.userAccount.fields.permission_access_modules_helper') }}</span>
                    </div>
                </div>
            </div>
            
            
            <div class="form-group">
                <label>{{ trans('cruds.userAccount.fields.login_allowed') }}</label>
                @foreach(App\Models\UserAccount::LOGIN_ALLOWED_RADIO as $key => $label)
                    <div class="form-check {{ $errors->has('login_allowed') ? 'is-invalid' : '' }}">
                        <input class="form-check-input" type="radio" id="login_allowed_{{ $key }}" name="login_allowed" value="{{ $key }}" {{ old('login_allowed', '1') === (string) $key ? 'checked' : '' }}>
                        <label class="form-check-label" for="login_allowed_{{ $key }}">{{ $label }}</label>
                    </div>
                @endforeach
                @if($errors->has('login_allowed'))
                    <span class="text-danger">{{ $errors->first('login_allowed') }}</span>
                @endif
                <span class="help-block">{{ trans('cruds.userAccount.fields.login_allowed_helper') }}</span>
            </div>
            
            <div class="form-group">
                <button class="btn btn-danger" type="submit">
                    {{ trans('global.save') }}
                </button>
            </div>
        </form>
    </div>
</div>

@endsection
@section('scripts')
<script>

$(document).ready(function() {
  let user_type_id =  `{{old('user_type_id', '')}}`;
  console.log(user_type_id);
  selectedUserType(user_type_id);
});


  $("#user_type_id").change(function(){
    const type_id = $(this).val();
    selectedUserType(type_id);
  });

  function selectedUserType(type_id) {
    if(type_id == 1) {
        $(".form_eiin").show();
        $(".form_pdsid").show();
        $(".form_index_no").show();
        $(".form_suid").hide();
        $(".form_year").show();
        $(".form_class_id").hide();
        $(".form_zila_id").hide();
        $(".form_upazila_id").hide(); 
        $(".form_role").hide(); 
    } else if(type_id == 2) {
        $(".form_eiin").show();
        $(".form_pdsid").hide();
        $(".form_index_no").hide();
        $(".form_year").show();
        $(".form_suid").show();
        $(".form_zila_id").hide(); 
        $(".form_class_id").show();
        $(".form_role").hide(); 
        $(".form_upazila_id").hide(); 
    } else if(type_id == 3) {
        $(".form_eiin").show();
        $(".form_zila_id").show();
        $(".form_year").show();
        $(".form_pdsid").hide();
        $(".form_index_no").hide();
        $(".form_suid").hide();
        $(".form_class_id").hide();
        $(".form_role").hide(); 
        $(".form_upazila_id").hide(); 
    } else if(type_id == 4) {
        $(".form_zila_id").show();
        $(".form_eiin").hide();
        $(".form_year").hide();
        $(".form_pdsid").hide();
        $(".form_index_no").hide();
        $(".form_suid").hide();
        $(".form_class_id").hide();
        $(".form_role").show(); 
        $(".form_upazila_id").show(); 
    } else {
        $(".form_eiin").hide();
        $(".form_pdsid").hide();
        $(".form_index_no").hide();
        $(".form_suid").hide();
        $(".form_class_id").hide();
        $(".form_zila_id").hide();          
        $(".form_year").hide(); 
        $(".form_role").hide();     
        $(".form_upazila_id").hide();
    }
  }

</script>

@endsection