@extends('layouts.master')

@section('content')
<link href="{{ asset('css/ContactEdit.css') }}" rel="stylesheet">
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="color">
                        <div class="box">
                            <div class="first-box">
                                <img src="{{ asset('images/office.png') }}" />
                                <div class="Present">
                                    <p>Contact: Edit</p>
                                </div>
                            </div>
                        </div>
                      
                    </div>
                    <!-- /.card-header -->
                    @if ($error = Session::get('error'))
                    <div class="alert alert-danger">
                        <p>{{ $error }}</p>
                    </div>
                    @endif
                    @if ($message = Session::get('message'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                    @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form action="{{ route('contact.update', $contact->contact_id) }}" method="POST">
                        @csrf
                        <div class="mycontait">
                            <div class="left_upper">
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>First Name:</label>
                                        <div><input type="text" name="first_name" class="vancy1" id="inputFirstName" value="{{ $contact->first_name }}"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Last Name:</label>
                                        <div><input type="text" name="last_name" class="vancy1" id="inputLastName" value="{{ $contact->last_name }}"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>E-Mail 1:</label>
                                        <div><input type="email" name="email1" class="vancy1" id="inputE_Mail1" value="{{ $contact->email1 }}"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>E-Mail 2:</label>
                                        <div><input type="email" name="email2" class="vancy1" id="inputEMail2" value="{{ $contact->email2 }}"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Title:</label>
                                        <div><input type="text" name="title" class="vancy1" id="inputTitle" value="{{ $contact->title }}"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Company:</label>
                                        <div>
                                            <select class="vancy1" name="company_id" id="inputContactCompany" data-value="{{ $contact->company_id }}">
                                                @if($companies)
                                                    <option selected value="0">Choose a Company:</option>
                                                    @foreach($companies as $id => $name)
                                                    <option value="{{ $id }}" {{ $contact->company_id == $id ? 'selected' : '' }}>{{ $name }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Department:</label>
                                        <div>
                                            <select name="company_department_id" id="inputContactDepartment" class="vancy1" data-value="{{ $contact->company_department_id }}">
                                                <option value="">None</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Reports to:</label>
                                        <select name="reports_to" id="inputReportsTo" class="vancy1">
                                            <option value="">None</option>
                                        </select>
                                    </div> 
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Work Phone:</label>
                                        <div><input type="text" name="phone_work" value="{{ $contact->phone_work }}" class="vancy1" id="inputWorkPhone"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Other Phone:</label>
                                        <div><input type="text" name="phone_other" value="{{ $contact->phone_other }}" class="vancy1" id="inputOtherPhone"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Cell Phone:</label>
                                        <div><input type="text" name="phone_cell" value="{{ $contact->phone_cell }}" class="vancy1" id="inputCellPhone"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Address:</label>
                                        <div><input type="text" name="address" value="{{ $contact->address }}" class="vancy1" id="inputAddress"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>City:</label>
                                        <div><input type="text" name="city" value="{{ $contact->city }}" class="vancy1" id="inputCity"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>State:</label>
                                        <div><input type="text" name="state" value="{{ $contact->state }}" class="vancy1" id="inputState"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>Pincode:</label>
                                        <div><input type="number" name="pincode" value="{{ $contact->pincode }}" class="vancy1" id="inputPinCode"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="left_upper1">
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label>State:</label>
                                        <div><input type="text" name="state" value="{{ $contact->state }}" class="vancy1" id="inputState"></div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label for="owner">Owner:</label>
                                        <select name="owner" id="owner" class="vancy1">
                                            @if($users)
                                                @foreach($users as $id => $name)
                                                    <option value="{{ $id }}" {{ $contact->owner == $id ? 'selected' : '' }}>{{ $name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="vancy">
                                        <label for="inputNotes">Notes:</label>
                                        <textarea name="notes" class="vancy1" id="inputNotes">{{ $contact->notes }}</textarea>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="main_checkbox_vancy">
                                        <label for="inputCheckbox">Is Consultant:</label>
                                        <input id="is_consultant" type="checkbox" name="is_consultant" class="custom-control custom-checkbox"  @if($contact->is_consultant ==1) checked="checked" @endif value="">
                                    </div>
                                </div>
                                <div class="row-extra">
                                    @if(!empty($extraFields))
                                        @foreach($extraFields as $field)
                                        <div class="d-flex">
                                            <div class="vancy">
                                                <label for="{{ $field['field_name'] }}">{{ ucfirst($field['field_name']) }}:</label>
                                                {!! $field['addHTML'] !!}
                                            </div>
                                        </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <a class="btn btn-black" href="{{ route('contact.view', ['id' => $contact->contact_id ]) }}">Back</a>
                        </div>
                    </form>
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
@endsection