@if(isset($cs_actions_route))
    <div style="width: 50%; display: block; margin: 0 auto;">
        <div id="action-info" class="input-block active-first-tier">
            <input type="hidden" name="id" value="{{ $action->ID }}">
            <input type="hidden" name="cdp_id" value="{{ $cdp_id }}">

            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label"
                           style="background-color: #1a1e54; color: #fff;">Action Info</label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="action_id">Action ID</label>
                <input id="action_id" name="action_id" type="text" class="form-control"
                       value="{{ $action->ID }}" readonly>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="country">Country*</label>
                <input id="country" name="country"  value="{{$country}}" class="form-control" required readonly>
            </div>

            <div>
                <div class="form-group">
                    <label class="col-md-3 control-label" for="sold_to">Customer (SoldTo)*</label>
                    <select id="sold_to" name="sold_to" class="form-control" required readonly>
                        <option value="{{$customer_ID}}" selected>{{$customer_name}}</option>
                    </select>
                </div>
            </div>


            <div>
                <div class="form-group">
                    <label class="col-md-3 control-label">Action Type*</label>
                    <select id="action_type" name="action_type" class="form-control" required>
                        <option></option>
                        @foreach($chosen_types as $type)
                            <option value="{{$type['KBF_ID']}}"  @if($action->Type == $type['KBF_ID']) selected @endif>{{$type['Importance']}}</option>
                        @endforeach
{{--                        <option value="{{$chosen_type['KBF_ID']}}" selected>{{$chosen_type['Importance']}}</option>--}}
                    </select>
                </div>
            </div>

            <div class="action-group">
                <div id="action-details">
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="status">Status*</label>
                        <select id="status" name="status" class="form-control" required>
                            <option></option>
                            @foreach ($statuses as $status)
                                <option value="{{ $status->ID }}"
                                        @if($action->Status_ID == $status->ID) selected @endif>{{ $status->Status }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="horizontal-inputs">
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="task">Action
                                Name*</label>
                            <input id="task" name="task" type="text" class="form-control"
                                   value="{{ $action->Task }}" required maxlength="50">
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label"
                                   for="employee">Responsible*</label>
                            <select id="employee" name="employee" class="form-control" required>
                                <option></option>
                                <option value="otherEmail"
                                        @if($action->Employee_ID == "otherEmail") selected @endif>
                                    Other: enter email
                                </option>
                                @foreach ($employees as $employee)
                                    <option value="{{ $employee['ID'] }}"
                                            @if($action->Employee_ID == $employee['ID']) selected @endif>{{ $employee['Employee_Name'] }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group" id="responsable_email"
                             @if($action->Employee_ID != "otherEmail") style="display: none" @endif>
                            <label class="col-md-3 control-label">Responsible Email</label>
                            <input id="responsibleEmail" name="responsibleEmail" type="text"
                                   class="form-control"
                                   @if($action->Employee_ID == "otherEmail") value="{{ $action->Employee_Email }}"
                                   @endif maxlength="50">
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="task_due_date">Due
                                Date*</label>
                            <input id="task_due_date" name="task_due_date" type="text"
                                   placeholder="YYYY-MM-DD" value="{{ $action->Task_Date }}"
                                   class="form-control custom-datepicker" required>
                        </div>
                    </div>
                </div>

                <div id="action-comments" class="input-block active-first-tier">
                    <div class="form-group">
                        <div class="title-labels">
                            <label class="col-md-3 control-label"
                                   style="background-color: #1a1e54; color: #fff;">Action
                                Details</label>
                        </div>
                    </div>
                    <div class="form-group details-text">
                                                <textarea name="comment" id="comment" cols="65"
                                                          rows="5">{{ $action->Comment }}</textarea>
                    </div>

                </div>

                <div id="action-attachments" class="input-block active-first-tier">
                    <div class="form-group">
                        <label class="col-md-3 control-label"
                               style="margin-bottom:20px; background-color: #1a1e54; color: #fff;">Attachments</label>
                    </div>

                    <div class="form-group" id="uploaded-attachments">
                        @if(!empty($action->crm_action_attachments))
                            <ul style="border: none;">
                                @foreach($action->crm_action_attachments as $attachment)
                                    <li style="margin-top: -8px; list-style: none;">
                                        <a href="{{ route('admin.crm.actions.delete-attachment', ['id' => $attachment->ID]) }}"
                                           class="btn btn-danger" style="padding: 4px 12px;">Delete</a>
                                        <a href="{{ $attachment->file_url }}"
                                           download>{{ $attachment->Name }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <div class="file-select-action">
                            <div class="title-labels">
                                <label for="attachments" class="col-md-3 control-label">Add
                                    attachments</label>
                            </div>
                            <input type="file" name="attachments[]" id="attachments"
                                   class="form-control" multiple>
                        </div>
                    </div>

                    <div class="form-position">
                        <button type="submit" id="next"
                                class="btn btn-responsive btn-primary btn-sm"
                                style="margin-top: 10px; float: right;">Save and Return
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@else
    <div style="width: 50%; display: block; margin: 0 auto;">
        <div id="action-info" class="input-block active-first-tier">
            <input type="hidden" name="id" value="{{ $action->ID }}">
            <input type="hidden" name="cdp_id" value="{{ $cdp_id }}">

            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label"
                           style="background-color: #1a1e54; color: #fff;">Action Info</label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="action_id">Action ID</label>
                <input id="action_id" name="action_id" type="text" class="form-control"
                       value="{{ $action->ID }}" readonly>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="country">Country*</label>
                <select id="country" name="country" class="form-control" required readonly>
                    <option></option>
                    @foreach ($countries as $country)
                        <option value="{{ $country->ID }}"
                                @if($action->Country_ID == $country->ID) selected @endif>{{ $country->Country_Name }}</option>
                    @endforeach
                </select>
            </div>

            <div id="dropdown-sold-to">
                <div class="form-group">
                    <label class="col-md-3 control-label" for="sold_to">Customer (SoldTo)*</label>
                    <select id="sold_to" name="sold_to" class="form-control" required readonly>
                        <option value="{{$customer_ID}}" selected>{{$customer_name}}</option>
{{--                        <option></option>--}}
{{--                        @foreach ($customers as $customer)--}}
{{--                            <option value="{{ $customer->Sold_To_ID }}"--}}
{{--                                    @if($action->Sold_To_ID == $customer->Sold_To_ID) selected @endif>{{ $customer->Sold_To_Name }}</option>--}}
{{--                        @endforeach--}}
                    </select>
                </div>
            </div>


            <div>
                <div class="form-group">
                    <label class="col-md-3 control-label">Action Type*</label>
                    <select id="action_type" name="action_type" class="form-control" required>
                        @foreach($chosen_type as $type)
                            <option value="{{$type['KBF_ID']}}"  @if($action->Type == $type['KBF_ID']) selected @endif>{{$type['Importance']}}</option>
                        @endforeach
{{--                        <option value="{{$chosen_type['KBF_ID']}}" selected>{{$chosen_type['Importance']}}</option>--}}
                    </select>
                </div>
            </div>

            <div class="action-group">
                <div id="action-details">
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="status">Status*</label>
                        <select id="status" name="status" class="form-control" required>
                            <option></option>
                            @foreach ($statuses as $status)
                                <option value="{{ $status->ID }}"
                                        @if($action->Status_ID == $status->ID) selected @endif>{{ $status->Status }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="horizontal-inputs">
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="task">Action
                                Name*</label>
                            <input id="task" name="task" type="text" class="form-control"
                                   value="{{ $action->Task }}" required maxlength="50">
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label"
                                   for="employee">Responsible*</label>
                            <select id="employee" name="employee" class="form-control" required>
                                <option></option>
                                <option value="otherEmail"
                                        @if($action->Employee_ID == "otherEmail") selected @endif>
                                    Other: enter email
                                </option>
                                @foreach ($employees as $employee)
                                    <option value="{{ $employee['ID'] }}"
                                            @if($action->Employee_ID == $employee['ID']) selected @endif>{{ $employee['Employee_Name'] }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group" id="responsable_email"
                             @if($action->Employee_ID != "otherEmail") style="display: none" @endif>
                            <label class="col-md-3 control-label">Responsible Email</label>
                            <input id="responsibleEmail" name="responsibleEmail" type="text"
                                   class="form-control"
                                   @if($action->Employee_ID == "otherEmail") value="{{ $action->Employee_Email }}"
                                   @endif maxlength="50">
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="task_due_date">Due
                                Date*</label>
                            <input id="task_due_date" name="task_due_date" type="text"
                                   placeholder="YYYY-MM-DD" value="{{ $action->Task_Date }}"
                                   class="form-control custom-datepicker" required>
                        </div>
                    </div>
                </div>

                <div id="action-comments" class="input-block active-first-tier">
                    <div class="form-group">
                        <div class="title-labels">
                            <label class="col-md-3 control-label"
                                   style="background-color: #1a1e54; color: #fff;">Action
                                Details</label>
                        </div>
                    </div>
                    <div class="form-group details-text">
                                                <textarea name="comment" id="comment" cols="65"
                                                          rows="5">{{ $action->Comment }}</textarea>
                    </div>

                </div>

                <div id="action-attachments" class="input-block active-first-tier">
                    <div class="form-group">
                        <label class="col-md-3 control-label"
                               style="margin-bottom:20px; background-color: #1a1e54; color: #fff;">Attachments</label>
                    </div>

                    <div class="form-group" id="uploaded-attachments">
                        @if(!empty($action->crm_action_attachments))
                            <ul style="border: none;">
                                @foreach($action->crm_action_attachments as $attachment)
                                    <li style="margin-top: -8px; list-style: none;">
                                        <a href="{{ route('admin.crm.actions.delete-attachment', ['id' => $attachment->ID]) }}"
                                           class="btn btn-danger" style="padding: 4px 12px;">Delete</a>
                                        <a href="{{ $attachment->file_url }}"
                                           download>{{ $attachment->Name }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <div class="file-select-action">
                            <div class="title-labels">
                                <label for="attachments" class="col-md-3 control-label">Add
                                    attachments</label>
                            </div>
                            <input type="file" name="attachments[]" id="attachments"
                                   class="form-control" multiple>
                        </div>
                    </div>

                    <div class="form-position">
                        <button type="submit" id="next"
                                class="btn btn-responsive btn-primary btn-sm"
                                style="margin-top: 10px; float: right;">Save and Return
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif