@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if (isset($ticket))
    <div class="alert @if($ticket->success == true) alert-success @else alert-danger @endif">
        <ul>
            <li>{{$ticket->message}}</li>
        </ul>
    </div>
@endif

<div class="widget-body">
    <form class="shake" role="form" method="post" id="contactForm" name="contact-form" data-toggle="validator" action="{{ route($form_url) }}" enctype="multipart/form-data" novalidate>
        @csrf

        @if(!auth()->user())

            <div class="form-group row mb-3">
                <div class="col-xl-6 mb-3">
                    <label class="control-label" for="first_name">First Name</label>
                    <input class="form-control" id="first_name" type="text" name="first_name" required data-error="Please enter your first name">
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col-xl-6">
                    <label class="control-label" for="last_name">Last Name</label>
                    <input class="form-control" id="last_name" type="text" name="last_name" required data-error="Please enter your last name">
                    <div class="help-block with-errors"></div>
                </div>
            </div>

            <div class="form-group row mb-3">
                <div class="col-xl-6 mb-3">
                    <label class="control-label" for="email">Email</label>
                    <input class="form-control" id="email" type="email" name="email" required data-error="Please enter your Email">
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col-xl-6">
                    <label class="control-label">Company Name</label>
                    <input class="form-control" id="company_name" type="text" name="company_name" required data-error="Please enter your company name">
                    <div class="help-block with-errors"></div>
                </div>
            </div>

        @endif

        <div class="form-group row mb-3">
            <div class="col-xl-6 flex-column align-items-start flex-row justify-content-start  mb-3">
                <label class="form-control-label">Channel</label>
                <select name="type" class="form-control" autocomplete="off">
                    @foreach($inboxes->data['inboxes'] as $inbox)
                        <option value="{{ $inbox['id'] }}">{{ $inbox['name'] }}</option>
                    @endforeach
                </select>
                <div class="help-block with-errors"></div>
            </div>

            <div class="col-xl-6 flex-column align-items-start flex-row justify-content-start ">
                <label class="form-control-label">Subject</label>
                <input class="form-control" type="text" name="subject" required>
                <div class="help-block with-errors"></div>
            </div>
        </div>
        <div class="form-group row mb-4">
            <div class="col-xl-12 flex-column align-items-start flex-row justify-content-start ">
                <label class="form-control-label">Message</label>
                <textarea id="message" name="message" class="tinymce-text2 form-control" required></textarea>
                <div class="help-block with-errors"></div>
            </div>
        </div>
        <div class="form-group row mt-4 pull-right">
            <div class="col-xl-12 action-col">
                <button type="submit" class="btn btn-primary btn-square">Send</button>
                <div id="msgSubmit" class="h3 text-center hidden"></div>
            </div>
        </div>

    </form>
</div>

<style>
    .tox-tinymce {
        width: 100% !important;
    }
</style>