@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Team Members
@else
Add Team Members
@endif

@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('team_members.cms') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.team-members.indexPageLoad', ['panel' => Session::get('panel')]) }}">{{ @trans('team_members.team_members') }}</a>
                    </li>
                    @if($edit)
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('team_members.edit_team_members') }}</li>
                    @else
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('team_members.add_team_members') }}</li>
                    @endif
                </ol>
            </nav>
            <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 autofill="false" method="post" action="{{ route('admin.team-members.storeTeamMembers', ['panel' => Session::get('panel') ]) }}" autocomplete="off" id="formTeamMembers" name="addTeamMembers" enctype="multipart/form-data">
                                    <div class="form-body">
                                        @csrf
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('team_members.edit_team_members') }}</h2>
                                       <input type="hidden" name="id" value="{{ $teamMember->id }}">
                                        @else
                                            <h2 class="form-sec-title">{{ @trans('team_members.add_team_members') }}</h2>
                                        @endif
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('team_members.profile_pic') }}<span class="required">*</span></label>
                                                    <input type="file" class="form-control" name="profile_pic"  id="profile_pic">
                                                    @if($errors->has('profile_pic'))
                                                        <span class="invalid-feedback">{{ $errors->first('profile_pic') }}</span>
                                                    @endif
                                                        @if($edit && $teamMember->links->where('key', 'profile_pic')->first())
                                                        <img src="{{ asset('storage/' . $teamMember->links->where('key', 'profile_pic')->first()->value) }}" alt="Current Profile Picture" width="100">
                                                    @endif
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('team_members.first_name') }}<span class="required">*</span></label>
                                                    <input type="text" name="first_name" class="form-control" value="@if($edit){{$teamMember->first_name}}@else{{old('first_name')}}@endif" placeholder="Enter Name" />
                                                    @if($errors->has('first_name'))
                                                    <span class="invalid-feedback">{{$errors->first('first_name')}}</span>
                                                    @endif
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('team_members.last_name') }} <span class="required">*</span></label>
                                                    <input type="text" name="last_name" class="form-control" value="@if($edit){{$teamMember->last_name}}@else{{old('last_name')}}@endif" placeholder="Enter Name" />
                                                    @if($errors->has('last_name'))
                                                    <span class="invalid-feedback">{{$errors->first('last_name')}}</span>
                                                    @endif
                                                </div>
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('team_members.email') }} <span class="required">*</span></label>
                                                        <input type="text" name="email" class="form-control"
                                                               value="@if($edit){{ $teamMember->links->where('key', 'email')->first()->value ?? old('email') }}@else{{ old('email') }}@endif"
                                                               placeholder="Enter Email" />
                                                        @if($errors->has('email'))
                                                            <span class="invalid-feedback">{{ $errors->first('email') }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">
                                                            {{ __('team_members.position') }} <span class="required">*</span>
                                                        </label>
                                                        <select class="form-control @error('position_id') is-invalid @enderror" name="position_id" required>
                                                            <option value="">{{ __('team_members.select_position') }}</option>
                                                            @foreach ($positions as $position)
                                                                <option value="{{ $position->id }}" 
                                                                    {{ old('position_id', $teamMember->position_id ?? '') == $position->id ? 'selected' : '' }}>
                                                                    {{ $position->key }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('position_id')
                                                            <span class="invalid-feedback">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                    
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('team_members.moto') }}<span class="required">*</span></label>
                                                        <input type="text" name="moto" class="form-control" value="@if($edit){{ $teamMember->attributes->where('key', 'Motto')->first()->value ?? old('moto') }}@else{{old('moto')}}@endif" placeholder="Enter Moto" />
                                                        @if($errors->has('moto'))
                                                        <span class="invalid-feedback">{{$errors->first('moto')}}</span>
                                                        @endif
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('team_members.strengths') }}<span class="required">*</span></label>
                                                        <input type="text" name="strengths" class="form-control"
                                                               value="@if($edit){{ $teamMember->attributes->where('key', 'Strengths')->first()->value ?? old('strengths') }}@else{{ old('strengths') }}@endif"
                                                               placeholder="Enter Strengths" />
                                                        @if($errors->has('strengths'))
                                                            <span class="invalid-feedback">{{ $errors->first('strengths') }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('team_members.linkedin') }} <span class="required">*</span></label>
                                                        <input type="text" name="linkedin" class="form-control"
                                                               value="@if($edit){{ $teamMember->links->where('key', 'linkedin')->first()->value ?? old('linkedin') }}@else{{ old('linkedin') }}@endif"
                                                               placeholder="Enter LinkedIn Profile" />
                                                        @if($errors->has('linkedin'))
                                                            <span class="invalid-feedback">{{ $errors->first('linkedin') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                              
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{ @trans('team_members.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn" value="{{ @trans('team_members.save') }}">
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\Team_members\storeTeamMembers', '#formTeamMembers') !!}
<script type="text/javascript">
    $(document).ready(function() {
        // $('#formTeamMembers').on('submit', function () {
        //     $('input[type="submit"]').val('Please wait...').prop('disabled', true);
        // });
        var myForm = $('#formTeamMembers');
        // $.data(myForm[0], 'validator').settings.ignore = "null";
        $.data(myForm[0], 'validator').settings.ignore = [];

        tinymce.init({
            selector: 'textarea.editor',
            height: 300,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists','paste'
            ],
            paste_auto_cleanup_on_paste : true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });
        function select2Ajax(url) {
            return {
                 ajax: {
                    delay: 250,
                    url: url,
                    dataType: 'json',
                    data: function(params) {
                        var query = {
                            search: params.term,
                            page : params.page || 1,
                            per_page : params.per_page || 25
                        }
                        return query;
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        return {
                           results: data.data,
                            pagination: {
                                    more: (params.page * 25) < data.total
                            }
                        };
                    }
                }
            }
        }
    });
</script>


@endpush