@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Contact
@else
Add Contact
@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('contact.directory') }}</a></li>
                    <li aria-current="page" class="breadcrumb-item active"><a
                            href="{{route('admin.contacts.index', ['panel' => Session::get('panel')])}}">{{ @trans('contact.contacts') }}</a></li>
                    @if($edit)
                    <li aria-current="page" class="breadcrumb-item active">{{ @trans('contact.edit_contact') }}</li>
                    @else
                    <li aria-current="page" class="breadcrumb-item active">{{ @trans('contact.add_contact') }}</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
                                    action="{{ route('admin.contacts.storeContact',['panel' => Session::get('panel')])}}"
                                    id="contactForm" autocomplete="off" enctype="multipart/form-data" method="post">
                                    <div class="form-body">
                                        <input type="hidden" name="_token" value="{{csrf_token()}}">
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('contact.edit_contact') }} </h2>
                                        <input type="hidden" name="id" value="{{$contactPersonDetail->id}}">
                                        @else
                                        <h2 class="form-sec-title">{{ @trans('contact.add_contact') }} </h2>
                                        @endif
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="Company">{{ @trans('contact.company') }} <span
                                                            class="required">*</span></label>
                                                    <select name="company_id" class="form-control" id="company_id">
                                                        <option value="" hidden>Select Company</option>
                                                        @foreach($companiesList as $key => $company)
                                                        <option data-is-client="{{ $company->is_client }}"
                                                            data-is-supplier="{{ $company->is_supplier }}"
                                                            value="{{$company->id}}" @if($edit)
                                                            @if($contactPersonDetail->company_id == $company->id)
                                                            selected ='selected'
                                                            @endif
                                                            @else
                                                            @if($company->id == old('company_id'))
                                                            selected ='selected'
                                                            @endif
                                                            @endif >{{$company->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('company_id'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('company_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.contact_role') }} <span
                                                            class="required">*</span></label>
                                                    <div class="custom-control custom-checkbox d-inline-block mr-4">
                                                        <input type="checkbox" class="custom-control-input"
                                                            id="is_client" name="contact_type[]" value="is_client"
                                                            @if(is_array(old('contact_type')) && in_array('is_client',
                                                            old('contact_type')) ) checked="checked"
                                                            @elseif(isset($contactPersonDetail->is_client) &&
                                                        $contactPersonDetail->is_client == 1)
                                                        checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label"
                                                            for="is_client">{{ @trans('contact.client') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox d-inline-block">
                                                        <input type="checkbox" class="custom-control-input"
                                                            id="is_supplier" name="contact_type[]" value="is_supplier"
                                                            @if(is_array(old('contact_type')) && in_array('is_supplier',
                                                            old('contact_type')) ) checked="checked"
                                                            @elseif(isset($contactPersonDetail->is_supplier) &&
                                                        $contactPersonDetail->is_supplier == 1)
                                                        checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label"
                                                            for="is_supplier">{{ @trans('contact.supplier') }}</label>
                                                    </div>
                                                    @if($errors->has('contact_type'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('contact_type')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.first_name') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="first_name" class="form-control"
                                                        placeholder="Enter First Name"
                                                        value="@if($edit){{$contactPersonDetail->first_name}}@else{{old('first_name')}}@endif" />
                                                    @if($errors->has('first_name'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('first_name')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.middle_name') }} </label>
                                                    <input type="text" name="middle_name" class="form-control"
                                                        placeholder="Enter Middle Name"
                                                        value="@if($edit){{$contactPersonDetail->middle_name}}@else{{old('middle_name')}}@endif" />
                                                    @if($errors->has('middle_name'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('middle_name')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.last_name') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="last_name" class="form-control"
                                                        placeholder="Enter Last Name"
                                                        value="@if($edit){{$contactPersonDetail->last_name}}@else{{old('last_name')}}@endif" />
                                                    @if($errors->has('last_name'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('last_name')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.designation') }}</label>
                                                    <input type="text" name="title" class="form-control"
                                                        placeholder="Enter Designation"
                                                        value="@if($edit)@if(!empty($contactPersonDetail->title)){{$contactPersonDetail->title}}@else{{old('title')}}@endif @endif" />
                                                    @if($errors->has('title'))
                                                    <span class="invalid-feedback">{{$errors->first('title')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.phone') }} #1 </label>
                                                    <input type="text" name="mobile" class="form-control"
                                                        placeholder="Enter Mobile #1"
                                                        value="@if($edit){{$contactPersonDetail->mobile}}@else{{old('mobile')}}@endif" />
                                                    @if($errors->has('mobile'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.phone') }} #2 </label>
                                                    <input type="text" name="mobile2" class="form-control"
                                                        placeholder="Enter Mobile #2"
                                                        value="@if($edit){{$contactPersonDetail->mobile2}}@else{{old('mobile2')}}@endif" />
                                                    @if($errors->has('mobile2'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile2')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.phone') }} #3</label>
                                                    <input type="text" name="mobile3" class="form-control"
                                                        placeholder="Enter Mobile #3"
                                                        value="@if($edit){{$contactPersonDetail->mobile3}}@else{{old('mobile3')}}@endif" />
                                                    @if($errors->has('mobile3'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile3')}}</span>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.email') }} #1 <span
                                                            class="required">*</span></label>
                                                    <input type="email" name="email" class="form-control"
                                                        placeholder="Enter Email #1"
                                                        value="@if($edit){{$contactPersonDetail->email}}@else{{old('email')}}@endif" />
                                                    @if($errors->has('email'))
                                                    <span class="invalid-feedback">{{$errors->first('email')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.email') }} #2</label>
                                                    <input type="email" name="secondary_email" class="form-control"
                                                        placeholder="Enter Email #2"
                                                        value="@if($edit){{$contactPersonDetail->secondary_email}}@else{{old('secondary_email')}}@endif" />
                                                    @if($errors->has('secondary_email'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('secondary_email')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.email') }} #3</label>
                                                    <input type="email" name="work_email" class="form-control"
                                                        placeholder="Enter Email #3"
                                                        value="@if($edit){{$contactPersonDetail->work_email}}@else{{old('work_email')}}@endif" />
                                                    @if($errors->has('work_email'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('work_email')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('contact.description') }}</label>
                                                    <textarea name="description" class="form-control"
                                                        placeholder="Enter Description / Notes">@if($edit){{$contactPersonDetail->description}}@else{{old('description')}}@endif</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{ @trans('contact.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn" value="{{ @trans('contact.save') }}">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection

@push('pageJs')

{!! JsValidator::formRequest('App\Http\Requests\Contact\StoreContact', '#contactForm') !!}

<script type="text/javascript">
    function contactRole()
    {
        var is_client = $('#company_id').find(':selected').attr('data-is-client');
        var is_supplier = $('#company_id').find(':selected').attr('data-is-supplier');

        $('#is_client').attr("disabled", false);
        $('#is_supplier').attr("disabled", false);

        if(is_client == 0)
            $('#is_client').attr("disabled", true);
        if(is_supplier == 0)
            $('#is_supplier').attr("disabled", true);
    }

    @if(old('company_id'))
    contactRole();
    @endif


    $('#company_id').on('change', function(){
        contactRole();
        $('input[name="email"]').removeData("previousValue")
        $("form").data('validator').element('input[name="email"]');
    });


</script>

@endpush