@extends($iframe_chk == 1 ? 'layouts.iframe' : 'layouts.app')

@section('content')
<!-- Container -->
	
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item active" aria-current="page"><h3>Contact</h3></li>
    </ol>
</nav>
<!-- /Breadcrumb -->
    
<div class="row sales_edit">
    <div class="col-xl-12">
        <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">
        	
            @if ($id > 0 && $iframe_chk == 0)
                <div class="row">
                    <div class="col-12">
                        <div class="form-group" style="margin-bottom:0;">
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{ route('sales.contacts.edit', 0) }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                    @if ( canTask('can_del_sales') )
                                        <a href="javascript: void(0);" onclick="ActionRemove();" class="btn btn-sm btn-danger float-right w-150p">Delete</a>
                                        <script type="text/javascript">
                                            function ActionRemove(){
                                                question = confirm("Are you sure?")
                                                if (question !="0"){
                                                    mouseLoader();
                                                    top.location = "{{ route('sales.contacts.delete', $id) }}";
                                                }
                                            }
                                        </script>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <hr />
            @endif

            <div class="row">
            
                <div class="col-xl-{{ (($iframe_chk == 0)) ? '6' : '12' }} {{ (($id == 0)) ? 'offset-xl-3' : '' }}">
        
                    <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('sales.contacts.update', $id) }}" method="post">
                            @csrf
        					<input type="hidden" name="iframe_chk" value="{{ $iframe_chk }}">
                            <input type="hidden" name="id_account_predefined" value="{{ $id_account }}">
                            <input type="hidden" name="id_opportunity_predefined" value="{{ $id_opportunity }}">
                            <input type="hidden" name="id_owner_old" value="{{ old('id_owner', $page_data->id_owner ?? 0) }}">
                            
                            <div class="invoice-from-wrap">
                            
        						<div class="row">
                                    <div class="form-group col-lg-2">
                                        <label for="first_name" class="control-label">Salutation</label>
                                        <div class="input-group">
                                           <select class="form-control" name="salutation" id="salutation">
                                                @foreach (config('defines.salutation_select') as $data_k => $data_v)
                                                    <option value="{{ $data_v }}"
                                                    {{ ( $data_v == old('salutation', $page_data->salutation ?? 'None') ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-lg-3">
                                        <label for="first_name" class="control-label">First Name</label>
                                        <input type="text" id="first_name" class="form-control" value="{{ old('first_name', $page_data->first_name ?? '') }}" name="first_name">
                                    </div>
                                    
                                    <div class="form-group col-lg-2">
                                        <label for="middle_name" class="control-label">Middle Name</label>
                                        <input type="text" id="middle_name" class="form-control" value="{{ old('middle_name', $page_data->middle_name ?? '') }}" name="middle_name">
                                    </div>
                                    
                                    <div class="form-group col-lg-3">
                                        <label for="last_name" class="control-label">Last Name*</label>
                                        <div class="input-group">
                                            <input type="text" id="last_name" class="form-control" value="{{ old('last_name', $page_data->last_name ?? '') }}" name="last_name" required>
                                            @if ($id == 0)
                                                <div class="input-group-append">
                                                    <a href="javascript: void(0);" onclick="ContactNameChk();" class="btn btn-primary">check</a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-lg-2">
                                        <label for="suffix" class="control-label">Suffix</label>
                                        <input type="text" id="suffix" class="form-control" value="{{ old('suffix', $page_data->suffix ?? '') }}" name="suffix">
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="title" class="col-sm-4 col-form-label"><h6>Title</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="title" placeholder="Title" name="title" value="{{ old('title', $page_data->title ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="email" class="col-sm-4 col-form-label"><h6>Email</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="email" placeholder="Email" name="email" value="{{ old('email', $page_data->email ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="phone" class="col-sm-4 col-form-label"><h6>Phone</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="phone" placeholder="Phone" name="phone" value="{{ old('phone', $page_data->phone ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="mobile" class="col-sm-4 col-form-label"><h6>Mobile</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="mobile" placeholder="Mobile" name="mobile" value="{{ old('mobile', $page_data->mobile ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="id_owner" class="col-sm-4 col-form-label"><h6>Contact Owner</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="id_owner" autocomplete="off" name="id_owner" value="" />
                                            <input type="hidden" name="id_owner_type" id="id_owner_type" value="managers">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="id_reports" class="col-sm-4 col-form-label"><h6>Reports To</h6></label>
                                    <div class="col-sm-8">
                                    	<input type="text" class="form-control" id="id_reports" autocomplete="off" name="id_reports" value="" />
                                        <input type="hidden" name="id_reports_type" id="id_reports_type" value="contacts">
                                    </div>
                                </div>
                                
                                                                
                                <div class="form-group row">
                                    <label for="skype_id" class="col-sm-4 col-form-label"><h6>Skype ID</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="skype_id" placeholder="Skype ID" name="skype_id" value="{{ old('skype_id', $page_data->skype_id ?? '') }}" />
                                    </div>
                                </div>
                                
                                								
                                <div class="form-group row">
                                    <label for="telegram_id" class="col-sm-4 col-form-label"><h6>Telegram ID</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="telegram_id" placeholder="Telegram ID" name="telegram_id" value="{{ old('telegram_id', $page_data->telegram_id ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="facebook_id" class="col-sm-4 col-form-label"><h6>Facebook ID</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="facebook_id" placeholder="Facebook ID" name="facebook_id" value="{{ old('facebook_id', $page_data->facebook_id ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="linkedin_id" class="col-sm-4 col-form-label"><h6>Linkedin ID</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="linkedin_id" placeholder="Linkedin ID" name="linkedin_id" value="{{ old('linkedin_id', $page_data->linkedin_id ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="whats_app" class="col-sm-4 col-form-label"><h6>WhatsApp</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="whats_app" placeholder="WhatsApp" name="whats_app" value="{{ old('whats_app', $page_data->whats_app ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="aw_app" class="col-sm-4 col-form-label"><h6>AW App</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="aw_app" placeholder="AW App" name="aw_app" value="{{ old('aw_app', $page_data->aw_app ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="other_contact" class="col-sm-4 col-form-label"><h6>Other Contact</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="other_contact" placeholder="Other Contact" name="other_contact" value="{{ old('other_contact', $page_data->other_contact ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="primary_contact" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <select class="form-control" name="primary_contact" id="primary_contact" >
                                            	@foreach (config('defines.yes_no_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('primary_contact', $page_data->primary_contact ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
        
                                <hr class="mt-0">
                                
                                @if ($id > 0)
                                    <div class="form-group row">
                                        <label for="mailing_address" class="col-sm-4 col-form-label"><h6>Mailing Address</h6></label>
                                        <div class="col-sm-8">
                                            <textarea class="form-control" rows="3" placeholder="Mailing Address" name="mailing_address" id="mailing_address">{{ old('mailing_address', $page_data->mailing_address ?? '') }}</textarea>
                                        </div>
                                    </div>
                                    
                                    <hr class="mt-0">
                                    
                                    <div class="card card-profile-feed overflow-auto mh-200p">
                                    	
                                        <ul class="list-group list-group-flush">
											<li class="list-group-item border-top bg-light">
												<div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span class="d-block text-dark text-capitalize font-weight-bold">List of Owners</span>
                                                    </div>
												</div>
											</li>
                                            @forelse ($owners_list as $data_k => $data_v)
                                            	<li class="list-group-item border-top">
                                                    <div class="media align-items-center">
                                                        <div class="media-body">
                                                            <span class="d-block"><a href="{{ route('sales.managers.view', $data_v->user_id) }}">{{ $data_v->user->name }}</a></span>
                                                        </div>
                                                        <span class="pr-5 font-13">{{ SetTimeZoneFormat($data_v->created_at, 'date_at_time') }}</span>
                                                    </div>
                                                </li>
                                            @empty
                                            	<div class="p-2 text-center">No data.</div>
                                            @endforelse
                                        </ul>
                                        
                                    </div>
                                    
                                    <hr class="mt-0">
                                    
                                    <div class="form-group row">
                                        <h6>Created By: <a href="{{ route('sales.managers.view', $page_data->id_created) }}">{{ $page_data->user_created->name }}</a>, {{ SetTimeZoneFormat($page_data->created_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <h6>Last Modified By: <a href="{{ route('sales.managers.view', $page_data->id_modified) }}">{{ $page_data->user_modified->name }}</a>, {{ SetTimeZoneFormat($page_data->updated_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                    <hr class="mt-0">
                                @endif
        
                                <div class="col-12 text-right">
        							@if ($iframe_chk == 0)
	                                    <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('sales.contacts') }}">Cancel / Back</a>
                                    @else
                                    	<a class="btn btn-sm btn-light mr-2 w-150p" href="javascript: void(0);" onclick="parent.closeModaliFrame();">Cancel</a>
                                    @endif
                                    <button class="btn btn-sm btn-primary w-150p save_button_hold" {{($id == 0) ? 'style=display:none;' : ''}} type="submit">Save</button>
        
                                </div>
        
                            </div>
        
                        </form>
        
                    </section>
        
                </div>
        		
                @if ($id > 0 && $iframe_chk == 0)
                    <div class="col-xl-6">
                    	{!! $page_data->SalesWidgets('tasks', 'contact') !!}
                        {!! $page_data->SalesWidgets('connection', 'contact_accounts') !!}
                        {!! $page_data->SalesWidgets('connection', 'contact_opportunities') !!}
                        {!! $page_data->SalesWidgets('connection', 'contacts_tags') !!}
                        {!! $page_data->SalesWidgets('notes', 'contact') !!}
                        {!! $page_data->SalesWidgets('files', 'contact') !!}
                    </div>
                @endif
        
            </div>

        </section>
    </div>
</div>
<!-- /Container -->

@endsection

@section('more_scripts')

    @include('sales_contacts.edit-js')

@endsection