@extends('seller.layout.index')

@section('title')
 ساخت تیکت
@endsection

@section('style')
   <style>
       #percentageParent,#max_percentage_amount_parent{
           display: none;
       }
       #users {
           border: 1px solid #eeeeee;
           height: auto;
           max-height: 120px;
           overflow: auto;
           display: none;
           position: absolute;
           width: 100%;
           z-index: 99;
           background: white;
       }
       .user{
           padding: 15px;
           margin: 0 !important;
       }
       .user:hover{
           background-color: #4e73df;
           color: white;
           cursor: pointer;
       }

   </style>
@endsection

@section('script')
    <script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replace('description', {
            language: 'fa',
            filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form'
        });
        //remove style in text copied to editor
        CKEDITOR.on('instanceReady', function (ev) {
            ev.editor.on('paste', function (evt) {
                if (evt.data.type == 'html') {
                    evt.data.dataValue = evt.data.dataValue.replace(/ style=".*?"/g, '');
                }
            }, null, null, 9);
        });
    </script>
    <script>




         function appendUserRow(row) {
             return `<p onclick="appToInput('${row.id}','${row.first_name} ${row.last_name}')" class="user" data-id='${row.id}'>${row.first_name+' '+row.last_name}</p>`;
         }
         function appToInput(id, name) {
             $('#selectUserInput').val(name);
             $('#userId').val(id);
             $('#users').slideUp();
             $('#users').html('');
         }

    </script>
@endsection
@section('content')

    @include('admin.sections.errors')

    <form action="{{ route('home.seller.ticket.send') }}" enctype="multipart/form-data" method="POST">
        @csrf

        <div class="form-row">
            <div class="form-group col-12 col-md-6">
                <label for="title">عنوان</label>
                <input type="text" name="title" class="form-control" id="title" required>
            </div>

            <div class="form-group col-12 col-md-6">
                <label for="file">فایل</label>
                <input type="file" name="file" class="form-control" id="file" accept="*/*">
            </div>
            <div class="form-group col-md-12">
                <label for="description">پیام</label>
                <textarea name="description" class="form-control" id="description" rows="4" required></textarea>
            </div>


        </div>

        <div class="form-buttons">
            <button class="btn btn-primary mt-3" type="submit">ثبت</button>
            <a href="{{ route('home.seller.tickets') }}" class="btn btn-dark mt-3 ml-3">بازگشت</a>
        </div>
    </form>

@endsection