@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Referees
@else
Add Referees
@endif
@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form method="post" action="{{ route('admin.referees.store', ['panel' => Session::get('panel')]) }}" id="frmAddReferee" autocomplete="off">@csrf
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="name">Name<span
                                                        class="required">*</span></label>
                                                <input class="form-control" type="text" name="name" id="name"
                                                    placeholder="Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="control-label">Company<span
                                                            class="required">*</span></label>
                                                    <select class="form-control select-two js-example-basic-multiple" id="company_id" name="company_id">
                                                        <option value="" hidden="">Select</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="control-label">User<span
                                                            class="required">*</span></label>
                                                    <select class="form-control select-two js-example-basic-multiple" id="user_id" name="user_id">
                                                        <option value="" hidden="">Select</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="position">Position</label>
                                                <input class="form-control" type="text" name="position" id="position"
                                                    placeholder="Position">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group select btm-arrow">
                                                <label class="control-label">Relationship<span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="relation_type_id" id="relation_type_id">
                                                    <option value="">{{ @trans('referees.select') }}</option>
                                                    @foreach ($relationTypes as $relation)
                                                    <option value="{{ $relation->id }}">{{ $relation->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="email">Email<span
                                                        class="required">*</span></label>
                                                <input class="form-control" type="text" name="email" id="email"
                                                    placeholder="Email">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="mobile">Mobile<span
                                                        class="required">*</span></label>
                                                <input class="form-control" type="text" name="mobile" id="mobile"
                                                    placeholder="Mobile">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="tab-btn">
                                        <div style="float:right;">
                                            <button type="submit" name="submit" class="btn btn-em">Save</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\Referees\storeReferees', '#frmAddReferee') !!}
<script>
    $(document).ready(function(){
        $('#company_id').select2({
            placeholder: 'Select an option',
            minimumInputLength: 3,
            tags: true,
            allowClear: true,
            ajax: {
                delay: 250,
                url: '{{route("company.searchCommonCompany")}}',
                dataType: 'json',
                data: function(params) {
                    var query = {
                        search: params.term
                    }
                    return query;
                },
                processResults: function(response) {
                    return {
                        results: response,
                    };
                }
            }
        });
    });
</script>
@endpush