@push('styles')
    <style>
    .tagify__tag[data-readonly="true"] .tagify__tag__removeBtn {
        display: none;
        pointer-events: none;
    }
</style>
@endpush
<form action="{{ route('contacts.update',$contact->id) }}" method="POST" class="form" id="frmContact">
    @csrf
    <input name="_method" type="hidden" value="PATCH">
    <div class="row">
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2 required">Firstname</label>
                <input type="text" class="form-control" id="name" name="name" value="{{ old('name',$contact->name) }}" data-input_validation="true" data-validation_format="char_with_space">
                {!! $errors->has('name') ? '<label class="error">'.$errors->first('name').'</label>' : '' !!}
            </div>
        </div>
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Lastname</label>
                <input type="text" class="form-control" id="last_name" name="last_name" value="{{ old('last_name',$contact->last_name) }}" data-input_validation="true" data-validation_format="char_with_space">
                {!! $errors->has('last_name') ? '<label class="error">'.$errors->first('last_name').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2 required">Phone</label>
                <input type="text" id="phone" class="form-control" name="phone" autocomplete="off" data-inputmask="'mask': '+1 (999) 999-9999'" value="{{ old('phone', isset($contact) && $contact->phone ? formatPhoneNumbers($contact->phone) : '') }}">
                {!! $errors->has('phone') ? '<label class="error">'.$errors->first('phone').'</label>' : '' !!}
            </div>
        </div>
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Email</label>
                <input type="text" class="form-control" name="email" autocomplete="off" value="{{ old('email', $contact->email) }}">
                {!! $errors->has('email') ? '<label class="error">'.$errors->first('email').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Birthdate</label>
                <input type="text" class="form-control" name="birthdate" value="{{ old('birthdate',$contact->birthdate) }}">
                {!! $errors->has('birthdate') ? '<label class="error">'.$errors->first('birthdate').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Address</label>
                <input type="text" class="form-control" name="address" value="{{ old('address',$contact->address) }}">
                {!! $errors->has('address') ? '<label class="error">'.$errors->first('address').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">City</label>
                <input type="text" class="form-control" name="city" value="{{ old('city',$contact->city) }}">
                {!! $errors->has('city') ? '<label class="error">'.$errors->first('city').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">State</label>
                <input type="text" class="form-control" name="state" value="{{ old('state',$contact->state) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('state') ? '<label class="error">'.$errors->first('state').'</label>' : '' !!}
            </div>
        </div>
        <div class="col-xxl-6">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Zip code</label>
                <input type="text" class="form-control" name="zipcode" id="zipcode" minlength="4" value="{{ old('zipcode',$contact->zipcode) }}" data-input_validation="true" data-validation_format="number">
                {!! $errors->has('zipcode') ? '<label class="error">'.$errors->first('zipcode',$contact->zipcode).'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Custom field 1</label>
                <input type="text" class="form-control" name="custom_field1" value="{{ old('custom_field1',$contact->custom_field1) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('custom_field1') ? '<label class="error">'.$errors->first('custom_field1').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Custom field 2</label>
                <input type="text" class="form-control" name="custom_field2" value="{{ old('custom_field2',$contact->custom_field2) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('custom_field2') ? '<label class="error">'.$errors->first('custom_field2').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Custom field 3</label>
                <input type="text" class="form-control" name="custom_field3" value="{{ old('custom_field3',$contact->custom_field3) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('custom_field3') ? '<label class="error">'.$errors->first('custom_field3').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Custom field 4</label>
                <input type="text" class="form-control" name="custom_field4" value="{{ old('custom_field4',$contact->custom_field4) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('custom_field4') ? '<label class="error">'.$errors->first('custom_field4').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Custom field 5</label>
                <input type="text" class="form-control" name="custom_field5" value="{{ old('custom_field5',$contact->custom_field5) }}" data-input_validation="true" data-validation_format="char_number_with_space">
                {!! $errors->has('custom_field5') ? '<label class="error">'.$errors->first('custom_field5').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Tags</label>
                <input type="text" id="tag_input_{{ $contact->id }}" class="form-control form-control-sm text-break" name="modal_tags" placeholder="Add tags" />
                {!! $errors->has('tags') ? '<label class="error">'.$errors->first('tags').'</label>' : '' !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-12">
            <div class="d-flex flex-column mb-5">
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">Quote</label>
                <input type="text" class="form-control" name="quote" value="{{ old('quote',$contact->quote) }}" data-input_validation="true" data-validation_format="char_number_with_space_dollar">
                {!! $errors->has('quote') ? '<label class="error">'.$errors->first('quote').'</label>' : '' !!}
            </div>
        </div>
    </div>
    @php
        $contactData = getContactPhoneData($contact->id);
    @endphp
    <div class="accordion mb-5" id="contactEditAccordion">
        <div class="accordion-item">
            <h2 class="accordion-header">
                <button class="accordion-button fs-4 fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#contactOptedOut" aria-expanded="false">Opted Out</button>
            </h2>
            <div id="contactOptedOut" class="accordion-collapse collapse" data-bs-parent="#contactEditAccordion">
                <div class="accordion-body">
                    <div class="row mb-5">
                        <div class="d-flex align-items-center w-100">
                            <div class="form-check me-2">
                                <input class="form-check-input" type="checkbox" name="allOptedOut" id="chkAllOptedOut" />
                            </div>
                            <label class="d-flex align-items-center fw-semibold" for="chkAllOptedOut" role="button">Select all</label>
                        </div>
                    </div>
                    @php
                        $totalOptedOut = $trainOptedOut = 0;
                    @endphp
                    @foreach($contactData as $cdata)
                        @php
                            $disabled = '';
                            if($userAccessId):
                                $disabled = '';
                            elseif($cdata['train_opted_out'] == 3):
                                $disabled = 'disabled="disabled"';
                                $trainOptedOut++;
                            else:
                                $disabled = '';
                            endif;
                            $totalOptedOut++;
                        @endphp
                        <div class="d-flex flex-column mb-2">
                            <div class="form-check form-check-custom">
                                <input class="form-check-input me-2 chkOptedOut" type="checkbox" name="opted_out[0][{{ $cdata['sid'] }}]" value="1" id="opted_out_{{ $cdata['sid'] }}" {{ ($cdata['opted_out'] == 1) ? 'checked' : '' }} {{ $disabled }} />
                                <label class="badge badge-secondary text-dark" for="opted_out_{{ $cdata['sid'] }}" role="button">{{ $cdata['phone'] }}</label>
                                @if(!empty($disabled))
                                    <span class="ms-3"><i class="fa fa-info-circle fa-lg text-primary" data-bs-toggle="tooltip" data-bs-dismiss="click" title="You can't opt-in this contact."></i></span>
                                @endif
                            </div>
                        </div>
                    @endforeach
                    @if($contact->status == 10)
                        <div class="row mb-3">
                            <div class="text-danger">This lead opted out due to affiliate marketing violation</div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="text-center">
        <button type="submit" class="btn btn-primary me-2" id="btnContact">Submit</button>
        <button type="reset" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
    </div>
</form>

<input type="hidden" id="contact_tags_data" value='{{ $tags }}'>
<input type="hidden" id="contact_selected_tags" value='{{ $contactTags }}'>
<script type="text/javascript" src="{{ asset('assets/js/pagesModals/editModal.js') }}"></script>