@extends('layouts.app', ['pageSlug' => 'dashboard'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Tickets/view</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="">
    <div class="container-fluid wrap_content_panel_info clearfix" style="position: relative">
        <!-- ticket message -->
        <div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 main_panel" style="border: 1px solid #b6b6b6;">
            <div class="spl-sticky-sidebar admin-ticket-sticky-head-wrapper">
                <div class="admin-ticket-sticky-head panel panel-default ticket-info-head-panel">
                    <div class="panel-body" id="ticket_info_in_view_3">
                        <div id="ticket_info_div_opened_3">

                            <div class="ticket-info-head clearfix">

                                <div class="row">
                                    <div class="col-lg-6 col-md-12 col-sm-12">
                                        <div class="ticket-info-status-subject">
                                            <div class="ticket-info-status">
                                                <label
                                                    class="status-label label-ticket-status-{{$ticket->status}}">{{$statusLabel[$ticket->status]}}</label>
                                            </div>
                                            <div class="ticket-info-subject">
                                                Ticket: #{{$ticket->id}}&nbsp;{{$ticket->subject}}
                                            </div>
                                        </div>

                                        <div class="clearfix"></div>
                                        <div class="ticket-info">
                                            <span>Ticket Created By Customer : {{$ticket->username}} from portal
                                                                                                <time class="text-muted timeago">{{$diff}}</time>
                                            </span>
                                            <div class="ticket-info-assign">
                                                <span title="Group">Any</span>/<span title="Assigned to">Main
                                                    Admin</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-12 col-sm-12">
                                        <div class="panel-actions ticket-view-panel">
                                            <button id="admin_support_tickets_opened_view_reply_btn"
                                                class="btn btn-primary" type="button" data-submit="true"
                                                data-activities="hide"><i
                                                    class="fa fa-reply"></i>&nbsp;&nbsp;Reply</button>
                                            <button id="admin_support_tickets_opened_view_add_note_btn"
                                                class="btn btn-primary" type="button" data-submit="true"
                                                data-activities="hide"><i class="fa fa-list-alt"></i>&nbsp;&nbsp;Add
                                                note</button>
                                            <button id="admin_support_tickets_opened_view_forward"
                                                class="btn btn-primary" type="button" data-submit="true"
                                                data-activities="hide"><i
                                                    class="fa fa-share"></i>&nbsp;&nbsp;Forward</button>

                                            <div class="btn-group dropdown">
                                                <button type="button" class="btn btn-primary dropdown-toggle"
                                                    data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">Actions<span class="caret"></span></button>
                                                <ul class="dropdown-menu" style="min-width: 130px;">
                                                    <li>
                                                        <button
                                                            id="admin_support_tickets_opened_view_show_hide_activities"
                                                            class="btn btn-link" type="button" data-submit="true"
                                                            data-activities="hide">Show activities</button>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-link"
                                                            onclick="switch_page('/admin/scheduling/tasks--add?from_ticket=3')">Create
                                                            task</button>
                                                    </li>
                                                    <li>
                                                        <button type="button" class="btn btn-link"
                                                            onclick="open_dialog_new('tickets/opened--merge?id=3');">Merge
                                                            ticket</button>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-link" type="button" data-submit="true"
                                                            data-activities="hide"
                                                            onclick="open_dialog_new('tickets/opened--close-tickets',{'ids[]': 3,'fromView': true});">Close
                                                            ticket</button>
                                                    </li>
                                                    <li>
                                                        <button class="btn btn-link" type="button" data-submit="true"
                                                            data-activities="hide"
                                                            onclick="open_dialog_new('tickets/opened--move-to-trash',{'ids[]': 3,'fromView': true});">Move
                                                            to trash</button>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @foreach ($ticket->logs as $log)
            <div class="ticket-messages" id="ticket_messages_3">
                <div class="message-block  customer" id="opened-ticket-message-14">
                    <div class="comment-heading clearfix" style="display:flex;">
                        @if($log->admin_portal_flag == 'admin')
                        <div title="Comment" class="comment-icon  default-avatar default_color--7">
                            <span class="default_avatar_letter">MA</span>
                        </div>
                        @else
                        <div title="Comment" class="comment-icon  default-avatar default_color--7">
                            <span class="default_avatar_letter">{{$ticket->username[0]}}</span>
                        </div>
                        @endif
                        <div class="comment-title-wrapper" style="width: calc(100% - 60px);">
                            <h5 class="comment-title">
                                @if($log->admin_portal_flag == 'admin')
                                Main Admin
                                @else
                                {{$ticket->username}}
                                @endif
                            </h5>
                            <small class="comment-author">
                                <span class="icons"></span>
                                <span class="text-muted">
                                    added:({{$log->created_at}})
                                </span>
                            </small>
                            <div>
                            </div>
                        </div>
                        <div class="pull-right comment-heading-actions" style="display:flex">
                            <a href="javascript:void(0)" class="delete-message pull-right "
                                onclick="open_dialog_new('tickets/opened--delete-message?id=14');">
                                <i class="fa fa-edit"></i>
                            </a>
                            <a href="javascript:void(0)" class="delete-message pull-right "
                                onclick="open_dialog_new('tickets/opened--delete-message?id=14');">
                                <i class="fa fa-envelope"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ticket-message-body message-with-blockquote">
                        {!! $log->message !!}
                    </div>
                </div>
            </div>
            @endforeach

            <form id="admin_support_tickets_opened_view_in_view_form" action="{{route('ticket.update', $ticket->id)}}"
                method="POST">
                @csrf
                <fieldset style="padding-bottom: 61px;">
                    <div class="clearfix" id="admin_support_tickets_opened_view_in_view_form_panel" style="">
                        <div class="col-md-12">
                            <div class="form-group input-group" id="mail_to-form-group" style="z-index: 23">
                                <span class="input-group-addon admin-support-ticket-form-input-to">To:</span>
                                <div class="form-control bootstrap-tagsinput">
                                    <span class="twitter-typeahead" style="position: relative; display: inline-block;">
                                        {{$ticket->username}}
                                    </span>
                                </div>
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                        aria-expanded="false">Forwarding <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu pull-right">
                                        <li><a id="show-cc">Cc</a></li>
                                        <li><a id="show-bcc">Bcc</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea name="message" id="message" cols="30" rows="10" class="summernote"></textarea>

                            </div>

                            <div class="row" style="padding-top: 10px;">
                                <div class="col-sm-12 col-lg-9">
                                    <strong>Attach files:</strong>
                                    <div class="input-group" style="padding: 0">
                                        <span class="input-group-addon btn-file">
                                            <i class="fa fa-upload fa-fw"></i>
                                            <input type="file" multiple="multiple"
                                                style="display: inline-block;" original-value="" force-send="1"
                                                name="attached[]" id="attached_files">
                                        </span>
                                        <input type="text" class="form-control input-sm" style="display: inline-block;"
                                            value="" readonly="" id="selected_files">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-12 text-right" style="white-space: nowrap">
                                    <br>
                                    <div class="btn-group dropdown" style="width: 48%;">
                                        <input type="submit"
                                            id="admin_support_tickets_opened_view_in_view_form_save_submit_button"
                                            value="Send" class="btn btn-sm btn-primary"
                                            style="width: calc(100% - 26px);" title="Send">
                                        <button type="button" class="btn btn-sm btn-primary dropdown-toggle"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="caret"></span>
                                            <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <ul class="dropdown-menu" style="min-width: 130px;">
                                            <li>
                                                <button type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_status_1_submit_button"
                                                    class="btn btn-sm btn-link" name="save_and_set_status"
                                                    value="1">Send and set as New</button>
                                            </li>
                                            <li>
                                                <button type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_status_2_submit_button"
                                                    class="btn btn-sm btn-link" name="save_and_set_status"
                                                    value="2">Send and set as Work in progress</button>
                                            </li>
                                            <li>
                                                <button type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_status_3_submit_button"
                                                    class="btn btn-sm btn-link" name="save_and_set_status"
                                                    value="3">Send and set as Resolved</button>
                                            </li>
                                            <li>
                                                <button type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_status_4_submit_button"
                                                    class="btn btn-sm btn-link" name="save_and_set_status"
                                                    value="4">Send and set as Waiting on customer</button>
                                            </li>
                                            <li>
                                                <button type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_status_5_submit_button"
                                                    class="btn btn-sm btn-link" name="save_and_set_status"
                                                    value="5">Send and set as Waiting on agent</button>
                                            </li>
                                            <li>
                                                <input type="submit"
                                                    id="admin_support_tickets_opened_view_in_view_form_save_and_close_submit_button"
                                                    value="Send and close" name="save_and_close"
                                                    class="btn btn-sm btn-link">
                                            </li>
                                        </ul>
                                    </div>
                                    <button class="btn btn-sm btn-primary" type="button"
                                        id="admin_support_tickets_opened_view_in_view_form_reset"
                                        style="width: 48%; margin-left: 2%;">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </form>
            <div class="clearfix"></div>
        </div>
        <!-- ticket info -->
        <div class="col-lg-3 col-md-4 col-sm-5 col-xs-4 panel_info" style="z-index: 30; max-height: 393px;"
            id="admin_support_tickets_opened_3_view_panel_info">
            <div class="panel-info-wrapper">
                <div class="customer-details">
                    <h4 class="text-capitalize">Customer details</h4>
                    <div class="customer-info">
                        <div class="panel-info">
                            <div class="info-block customer_name">
                                <span class="default-avatar default_color--7" title="Bert Brady">
                                    <span class="default_avatar_letter">B</span>
                                </span>
                                <span><a href="javascript:void(0)" onclick="switch_page('/admin/customers/view?id=6')"
                                        title="View">Bert Brady</a></span>
                            </div>
                            <div class=" info-block customer_email">
                                <span class="email_title">Email:</span>
                                <span></span><br>
                            </div>
                            <div class=" info-block customer_phone">
                                <span class="phone_title">Phone:</span>
                                <span></span><br>
                            </div>
                            <div class="info-block recent_tickets ">
                                <div class="show-more-tickets">
                                    <a class="btn-link admin_tickets_customer_info_show_other_tickets" role="button"
                                        data-toggle="collapse"
                                        href="#admin_support_tickets_view_in_view_form_hidden_customer_tickets"
                                        aria-expanded="false"
                                        aria-controls="admin_support_tickets_view_in_view_form_hidden_customer_tickets">Show
                                        user’s tickets
                                        <i class="fa fa-sort" aria-hidden="true"></i>
                                    </a>
                                    <span class="badge">1</span>
                                </div>
                                <div class="collapse hidden_customer_tickets"
                                    id="admin_support_tickets_view_in_view_form_hidden_customer_tickets">
                                    <ul class="list-unstyled ticket-subject">
                                        <li style="margin-bottom: 10px;">
                                            <i class="fa fa-fw fa-ticket ticket-icon"></i>
                                            <a title="Edit" onclick="switch_page('/admin/tickets/opened--view?id=4')"
                                                href="javascript:void(0)">slow</a>
                                            <span class="ticket-id">#4</span>
                                            <div class="ticket-status">Status: <label
                                                    class="label label-info">New</label></div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <h4 class="text-capitalize">Properties</h4>
                <div class="content-info">
                    <form id="admin_support_tickets_opened_edit_in_view_form" action="/admin/tickets/opened--view?id=3"
                        class="form-styled" role="form" enctype="multipart/form-data" method="POST">
                        @csrf

                        <fieldset>
                            <div class="form-group clearfix form-inline">
                                <label class="control-label">
                                    Hide from customer
                                </label>
                                <div class="pull-right">
                                    <input type="hidden" name="Ticket[hidden]" value="0"><input type="checkbox"
                                        style="width: 100%; display: none;" original-value="0" force-send="0"
                                        class="js-switch" value="1" name="Ticket[hidden]" id="ticket-hidden-id-3"
                                        data-switchery="true"><span class="switchery switchery-small"
                                        style="box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; border-color: rgb(223, 223, 223); background-color: rgb(255, 255, 255); transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;"><small
                                            style="left: 0px; transition: background-color 0.4s ease 0s, left 0.2s ease 0s;"></small></span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Customer
                                </label>
                                <select id="admin_support_tickets_opened_in_view_form_customer_id_3" type="select"
                                    force-send="1" class="async-select select2-hidden-accessible" 0=""
                                    style="width: 100%;" original-value="6" name="Ticket[customer_id]" tabindex="-1"
                                    aria-hidden="true">
                                    <option value="6" selected="">000006</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-admin_support_tickets_opened_in_view_form_customer_id_3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-admin_support_tickets_opened_in_view_form_customer_id_3-container"
                                                title="000006"><span
                                                    class="select2-selection__clear">×</span>000006</span><span
                                                class="select2-selection__arrow" role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Lead
                                </label>
                                <select id="admin_support_tickets_opened_in_view_form_lead_id_3" name="lead_id"
                                    type="select" disabled="" force-send="1"
                                    class="async-select select2-hidden-accessible" selected="" style="width: 100%;"
                                    original-value="" tabindex="-1" aria-hidden="true"></select><span
                                    class="select2 select2-container select2-container--default select2-container--disabled"
                                    dir="ltr" style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="-1"
                                            aria-labelledby="select2-admin_support_tickets_opened_in_view_form_lead_id_3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-admin_support_tickets_opened_in_view_form_lead_id_3-container"><span
                                                    class="select2-selection__placeholder">Select
                                                    lead</span></span><span class="select2-selection__arrow"
                                                role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Assigned to
                                </label>
                                <select type="select" style="width: 100%;" original-value="0" force-send="0"
                                    class="select2 select2-hidden-accessible" name="Ticket[assign_to]"
                                    id="ticket-assign_to-id-3" tabindex="-1" aria-hidden="true">
                                    <option value="0" selected="">---</option>
                                    <option value="1">Main Admin (admin)</option>
                                    <option value="2">IspFramework admin (ispframework)</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-ticket-assign_to-id-3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-ticket-assign_to-id-3-container" title="---">---</span><span
                                                class="select2-selection__arrow" role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Subject
                                </label>

                                <input type="text" style="width: 100%;" original-value="Internet Issue" force-send="0"
                                    required="" class="form-control input-sm" autocomplete="off" name="Ticket[subject]"
                                    id="ticket-subject-id-3" value="Internet Issue">
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Priority
                                </label>

                                <select type="select" style="width: 100%;" original-value="low" force-send="0"
                                    required="" class="select2 select2-hidden-accessible" name="Ticket[priority]"
                                    id="ticket-priority-id-3" tabindex="-1" aria-hidden="true">
                                    <option value="low" selected="">Low</option>
                                    <option value="medium">Medium</option>
                                    <option value="high">High</option>
                                    <option value="urgent">Urgent</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-ticket-priority-id-3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-ticket-priority-id-3-container" title="Low">Low</span><span
                                                class="select2-selection__arrow" role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Status
                                </label>

                                <select type="select" style="width: 100%;" original-value="1" force-send="0"
                                    class="select2 select2-hidden-accessible" name="Ticket[status_id]"
                                    id="ticket-status_id-id-3" tabindex="-1" aria-hidden="true">
                                    <option value="1" selected="">New</option>
                                    <option value="2">Work in progress</option>
                                    <option value="3">Resolved</option>
                                    <option value="4">Waiting on customer</option>
                                    <option value="5">Waiting on agent</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-ticket-status_id-id-3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-ticket-status_id-id-3-container" title="New">New</span><span
                                                class="select2-selection__arrow" role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>

                            <div class="form-group">
                                <label class="control-label">
                                    Group
                                </label>

                                <select id="admin_support_tickets_opened_in_view_form_group" type="select"
                                    style="width: 100%;" original-value="" force-send="0"
                                    class="select2 select2-hidden-accessible" name="Ticket[group_id]" tabindex="-1"
                                    aria-hidden="true">
                                    <option value="" selected="">Any</option>
                                    <option value="1">IT</option>
                                    <option value="2">Finance</option>
                                    <option value="3">Sales</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-admin_support_tickets_opened_in_view_form_group-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-admin_support_tickets_opened_in_view_form_group-container"
                                                title="Any">Any</span><span class="select2-selection__arrow"
                                                role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>
                            <div class="form-group">
                                <label class="control-label">
                                    Type
                                </label>

                                <select type="select" style="width: 100%;" original-value="3" force-send="0" required=""
                                    class="select2 select2-hidden-accessible" name="Ticket[type_id]"
                                    id="ticket-type_id-id-3" tabindex="-1" aria-hidden="true">
                                    <option value="">Select type</option>
                                    <option value="1">Question</option>
                                    <option value="2">Incident</option>
                                    <option value="3" selected="">Problem</option>
                                    <option value="4">Feature Request</option>
                                    <option value="5">Lead</option>
                                </select><span class="select2 select2-container select2-container--default" dir="ltr"
                                    style="width: 100%;"><span class="selection"><span
                                            class="select2-selection select2-selection--single" role="combobox"
                                            aria-haspopup="true" aria-expanded="false" tabindex="0"
                                            aria-labelledby="select2-ticket-type_id-id-3-container"><span
                                                class="select2-selection__rendered"
                                                id="select2-ticket-type_id-id-3-container"
                                                title="Problem">Problem</span><span class="select2-selection__arrow"
                                                role="presentation"><b
                                                    role="presentation"></b></span></span></span><span
                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                            </div>
                            <div class="clearfix">
                                <a class="btn-link pull-right"
                                    id="admin_support_tickets_opened_in_view_form_hidden_attributes_btn" role="button"
                                    data-toggle="collapse"
                                    href="#admin_support_tickets_opened_in_view_form_hidden_attributes"
                                    aria-expanded="false"
                                    aria-controls="admin_support_tickets_opened_in_view_form_hidden_attributes">
                                    Show more options <i class="fa fa-sort" aria-hidden="true"></i>
                                </a>
                            </div>
                            <br>
                            <div class="collapse" id="admin_support_tickets_opened_in_view_form_hidden_attributes">
                                <div class="form-group">
                                    <label class="control-label">
                                        Location
                                    </label>

                                    <select name="Ticket[additional_attributes][location]"
                                        id="ticket-additional_attributes-location-id-3" style="width: 100%;"
                                        autocomplete="off" original-value="" force-send="0"
                                        class="select2 select2-hidden-accessible" tabindex="-1" aria-hidden="true">
                                        <option value="" selected="">Choose option..</option>
                                        <option value="1">Praha 5 - Barrandov</option>
                                        <option value="2">Praha 5 - Smichov</option>
                                        <option value="3">Praha 5 - Stodulky</option>
                                        <option value="4">Praha</option>
                                        <option value="5">Internet</option>
                                    </select><span class="select2 select2-container select2-container--default"
                                        dir="ltr" style="width: 100%;"><span class="selection"><span
                                                class="select2-selection select2-selection--single" role="combobox"
                                                aria-haspopup="true" aria-expanded="false" tabindex="0"
                                                aria-labelledby="select2-ticket-additional_attributes-location-id-3-container"><span
                                                    class="select2-selection__rendered"
                                                    id="select2-ticket-additional_attributes-location-id-3-container"
                                                    title="Choose option..">Choose option..</span><span
                                                    class="select2-selection__arrow" role="presentation"><b
                                                        role="presentation"></b></span></span></span><span
                                            class="dropdown-wrapper" aria-hidden="true"></span></span>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">
                                        Status
                                    </label>

                                    <select name="Ticket[additional_attributes][status]"
                                        id="ticket-additional_attributes-status-id-3" style="width: 100%;"
                                        autocomplete="off" original-value="New" force-send="0"
                                        class="select2 select2-hidden-accessible" tabindex="-1" aria-hidden="true">
                                        <option value="" selected="">Choose option..</option>
                                        <option value="New" selected="">New</option>
                                        <option value="Processing">Processing</option>
                                        <option value="Resolved">Resolved</option>
                                    </select><span class="select2 select2-container select2-container--default"
                                        dir="ltr" style="width: 100%;"><span class="selection"><span
                                                class="select2-selection select2-selection--single" role="combobox"
                                                aria-haspopup="true" aria-expanded="false" tabindex="0"
                                                aria-labelledby="select2-ticket-additional_attributes-status-id-3-container"><span
                                                    class="select2-selection__rendered"
                                                    id="select2-ticket-additional_attributes-status-id-3-container"
                                                    title="New">New</span><span class="select2-selection__arrow"
                                                    role="presentation"><b
                                                        role="presentation"></b></span></span></span><span
                                            class="dropdown-wrapper" aria-hidden="true"></span></span>
                                </div>
                            </div>


                            <div id="admin_support_tickets_opened_view_update_button_wrapper_inner"
                                class="ticket-btn-update-btn" style="">
                                <div class="btn-group dropup">
                                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <input type="submit"
                                        id="admin_support_tickets_opened_view_in_edit_form_save_submit_button"
                                        value="Update" class="btn btn-primary">
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li>
                                            <button type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_New_submit_button"
                                                class="btn btn-link" name="save_and_set_status" value="1">
                                                Update and set as New
                                            </button>
                                        </li>
                                        <li>
                                            <button type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Work_in_progress_submit_button"
                                                class="btn btn-link" name="save_and_set_status" value="2">
                                                Update and set as Work in progress
                                            </button>
                                        </li>
                                        <li>
                                            <button type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Resolved_submit_button"
                                                class="btn btn-link" name="save_and_set_status" value="3">
                                                Update and set as Resolved
                                            </button>
                                        </li>
                                        <li>
                                            <button type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Waiting_on_customer_submit_button"
                                                class="btn btn-link" name="save_and_set_status" value="4">
                                                Update and set as Waiting on customer
                                            </button>
                                        </li>
                                        <li>
                                            <button type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Waiting_on_agent_submit_button"
                                                class="btn btn-link" name="save_and_set_status" value="5">
                                                Update and set as Waiting on agent
                                            </button>
                                        </li>
                                        <li><input type="submit"
                                                id="admin_support_tickets_opened_view_in_edit_form_save_and_close_submit_button"
                                                value="Update and close" name="save_and_close" class="btn btn-link">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </fieldset>

                    </form>
                </div>
            </div>

            <div id="admin_support_tickets_opened_view_update_button_wrapper" class="ticket-btn-update-btn"
                style="display: none; right: 15px;">
                <div class="btn-group dropup">
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <input type="submit"
                        id="admin_support_tickets_opened_view_in_edit_form_save_submit_button_additional_update"
                        value="Update" class="btn btn-primary">
                    <ul class="dropdown-menu dropdown-menu-right"
                        style="max-width: 343.5px; width: 343.5px; right: 0px;">
                        <li>
                            <button type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_New_submit_button_additional_update"
                                class="btn btn-link" name="save_and_set_status" value="1">
                                Update and set as New
                            </button>
                        </li>
                        <li>
                            <button type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Work_in_progress_submit_button_additional_update"
                                class="btn btn-link" name="save_and_set_status" value="2">
                                Update and set as Work in progress
                            </button>
                        </li>
                        <li>
                            <button type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Resolved_submit_button_additional_update"
                                class="btn btn-link" name="save_and_set_status" value="3">
                                Update and set as Resolved
                            </button>
                        </li>
                        <li>
                            <button type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Waiting_on_customer_submit_button_additional_update"
                                class="btn btn-link" name="save_and_set_status" value="4">
                                Update and set as Waiting on customer
                            </button>
                        </li>
                        <li>
                            <button type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_Waiting_on_agent_submit_button_additional_update"
                                class="btn btn-link" name="save_and_set_status" value="5">
                                Update and set as Waiting on agent
                            </button>
                        </li>
                        <li><input type="submit"
                                id="admin_support_tickets_opened_view_in_edit_form_save_and_close_submit_button_additional_update"
                                value="Update and close" name="save_and_close" class="btn btn-link"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
$(document).ready(function() {
    $('.summernote').summernote({
            height:150,
            maxHeight:300,
            toolbar: [
                // ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                // ['height', ['height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'hr']],
                ['view', ['fullscreen', 'codeview']],
                // ['help', ['help']]
            ],
            
            callbacks : {
                onImageUpload: function(files, editor, welEditable) {
                    sendFile(files[0], editor, welEditable);
                }
            }
        });     
});

function sendFile(file, editor, welEditable) {
        data = new FormData();
        var token = '{{ csrf_token()}}';
        data.append("_token", token);
        data.append("file", file);
        $.ajax({
            data: data,
            type: "POST",
            url: "{{URL::to('/')}}/summernote/imageUpload",
            cache: false,
            contentType: false,
            processData: false,
            success: function(url) {
                $('.summernote').summernote('editor.insertImage', url);
            }
        });
    }

    function open_add_ticket_modal(){
        $('.summernote').summernote('code', '');
        $('#create-ticket-modal').modal('show');
    }

/** preview uploaded file name  */
    document.addEventListener("DOMContentLoaded", init, false);
    function init() {
        document.querySelector('#attached_files').addEventListener('change', handleFileSelect, false);
    }
    function handleFileSelect(e) {
        if(!e.target.files) {
            return;
        }
        var files = e.target.files;
        $('#selected_files').val(files.length + ' file(s) are selected');
    
        // for(var i=0; i<files.length; i++) {
        //     var f = files[i];
        //     selDiv.innerHTML += f.name + "<br/>";
        // }
    }

/** end */
</script>
@endpush