@extends('layouts.simple_admin_base')

@section('stylesheets')

@endsection

@section('content')

    <!-- start row -->
    <div class="row">
        <div class="col-12">
            <div>
                <h4 class="header-title mb-3">Add New Company Staff</h4>
            </div>
        </div>
    </div>
    <!-- end row -->

    <!-- start messages row -->
    <div class="row">
        <div class="col-12">
            @include('inc.components.simple_admin.messages')
        </div>
    </div>
    <!-- end messages row -->

    {!! Form::open(['route' => ['companies.staff.store'], 'method' => 'POST', 'class' => 'form-horizontal', 'id' => 'addNewUserForm']) !!}

    <div class="row">
        <div class="col-lg-4">
            <!-- first name -->
            <div class="form-group">
                {{ Form::label('first_name', 'First Name', []) }}
                {{ Form::text('first_name', '', ['class' => 'form-control', 'id' => 'first_name', 'autocomplete' => 'off', 'placeholder' => 'First Name', 'required']) }}
            </div>
            <!-- first name -->

            <!-- last name -->
            <div class="form-group">
                {{ Form::label('last_name', 'Last Name', []) }}
                {{ Form::text('last_name', '', ['class' => 'form-control', 'id' => 'last_name', 'autocomplete' => 'off', 'placeholder' => 'Last Name', 'required']) }}
            </div>
            <!-- /last name -->

            <!-- other names -->
            <div class="form-group">
                {{ Form::label('other_names', 'Other Names', []) }}
                {{ Form::text('other_names', '', ['class' => 'form-control', 'id' => 'other_names', 'autocomplete' => 'off', 'placeholder' => 'Other Names']) }}
            </div>
            <!-- /other names -->

            <!-- gender -->
            <div class="form-group">
                {{ Form::label('gender', 'Gender', []) }}
                {{  Form::select( //SELECT FORM
                         'gender', //name
                         array( //options
                                 '' => '~~SELECT~~',
                                 'MALE' => 'Male',
                                 'FEMALE' => 'Female',

                             ),
                         '', //value
                         ['id' => 'gender', 'class' => 'form-control', 'required'] //attributes
                     )
                }}
            </div>
            <!-- /gender -->
        </div>

        <div class="col-lg-4">
            <!-- username -->
            <div class="form-group">
                {{ Form::label('username', 'Username', []) }}
                {{ Form::text('username', '', ['class' => 'form-control', 'id' => 'username', 'autocomplete' => 'off', 'placeholder' => 'Username', 'required']) }}
            </div>
            <!-- /username -->

            <!-- email -->
            <div class="form-group">
                {{ Form::label('email', 'Email', []) }}
                {{ Form::email('email', '', ['class' => 'form-control', 'id' => 'email', 'autocomplete' => 'off', 'placeholder' => 'Email', 'required']) }}
            </div>
            <!-- /email -->

            <div class="form-group">
                <div class="row">
                    <!-- dial code -->
                    <div class="col-lg-5">
                        {{ Form::label('dial_code', 'Dial Code', []) }}
                        {{  Form::select( //SELECT FORM
                                 'dial_code', //name
                                 $dialCodesList,
                                 '+260', //value
                                 ['id' => 'dial_code', 'class' => 'form-control', 'data-toggle' => 'select2', 'required'] //attributes
                             )
                        }}
                    </div>
                    <!-- /dial code -->

                    <!-- phone number -->
                    <div class="col-lg-7">
                        {{ Form::label('phone_number', 'Phone Number', []) }}
                        {{ Form::text('phone_number', '', ['class' => 'form-control', 'id' => 'phone_number', 'autocomplete' => 'off', 'placeholder' => 'Phone Number', 'required']) }}
                    </div>
                    <!-- /phone number -->
                </div>
            </div>

            <div class="form-group">
                {{ Form::label('role_id', 'Role', []) }}
                {{  Form::select( //SELECT FORM
                         'role_id', //name
                         $rolesList,
                         '', //value
                         ['id' => 'role_id', 'class' => 'form-control', 'required'] //attributes
                     )
                }}
            </div>

        </div>

        <div class="col-lg-4">
            <!-- nationality -->
            <div class="form-group">
                {{ Form::label('nationality', 'Nationality', []) }}
                {{  Form::select( //SELECT FORM
                         'nationality', //name
                         $nationalitiesList,
                         'Zambian', //value
                         ['id' => 'nationality', 'class' => 'form-control', 'data-toggle' => 'select2', 'required'] //attributes
                     )
                }}
            </div>
            <!-- /nationality -->

            <!-- identification document -->
            <div class="form-group">
                {{ Form::label('identification_document', 'Identification Document', []) }}
                {{  Form::select( //SELECT FORM
                         'identification_document', //name
                         array( //options
                                 '' => '~~SELECT~~',
                                 'PASSPORT' => 'PASSPORT',
                                 'NRC' => 'NRC',
                                 'DRIVERS LICENSE' => 'DRIVERS LICENSE',

                             ),
                         '', //value
                         ['id' => 'identification_document', 'class' => 'form-control', 'required'] //attributes
                     )
                }}
            </div>
            <!-- identification document -->

            <!-- identification number -->
            <div class="form-group">
                {{ Form::label('identification_number', 'Identification Number', []) }}
                {{ Form::text('identification_number', '', ['class' => 'form-control', 'id' => 'identification_number', 'autocomplete' => 'off', 'placeholder' => 'Identification Number', 'required']) }}
            </div>
            <!-- identification number -->

            <!-- company -->
            <div class="form-group">
                {{ Form::label('company_id', 'Company', []) }}
                {{  Form::select( //SELECT FORM
                         'company_id', //name
                         $companiesList,
                         '', //value
                         ['id' => 'company_id', 'class' => 'form-control', 'required'] //attributes
                     )
                }}
            </div>
            <!-- /company -->
        </div>

        <div class="col-lg-12">
            <div class="modal-footer" style="border-top: 0 none;">
                <button type="reset" class="btn btn-warning" data-dismiss="modal">Reset</button>
                <button type="submit" class="btn btn-primary" id="addNewUserBtn" data-loading-text="Loading..." autocomplete="off">Save</button>
            </div>
        </div>
    </div>
    <!-- end row -->

    {!! Form::close() !!}
@endsection

@section('scripts')

@endsection