@extends('home.users_profile.layout')

@section('title')
    درخواست پشتیبانی
@endsection

@section('style')


    <style>
#form{
    display: none;
}
    </style>
@endsection
@section('script')
    <script>
        $('.mobile-menu-toggle').click(function () {
            $('.loaded').addClass('mmenu-active');
        })
        $('.mobile-menu-close').click(function () {
            $('.loaded').removeClass('mmenu-active');
        })
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');
        $('div#categories > ul.mobile-menu > li > a > span.toggle-btn').click(function (e) {
            e.preventDefault();
            $(this).parent().next().slideToggle(300).parent().toggleClass("show");
        })
        $('#mobile_menu_nav').click(function () {
            $('#icon-panel').toggleClass('negative');
            $('#icon-panel').toggleClass('positive');
            $('.negative').html('-');
            $('.positive').html('+');
        })


        function showForm() {
            $('#form').fadeToggle();
        }
    </script>
@endsection
@section('content')
    <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">

        <div class="app-container container-xxl d-flex">

            <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                <!--begin::Content wrapper-->
                <div class="d-flex flex-column flex-column-fluid">
                    <!--begin::Content-->
                    <div id="kt_app_content" class="app-content">
                        <!--begin::محصولات-->
                        <div class="card">
                            <!--begin::کارت body-->
                            <div class="card-body">
                                <!--begin::قالب بندی-->
                                <div class="d-flex flex-column flex-xl-row p-7">
                                    <!--begin::Content-->
                                    <div class="flex-lg-row-fluid me-xl-15 mb-20 mb-xl-0">
                                        <!--begin::تیکت view-->
                                        <div class="mb-0">
                                            <!--begin::Heading-->
                                            <div class="d-flex align-items-center mb-12">
                                                <!--begin::Icon-->
                                                <i class="ki-duotone ki-file-added fs-4qx text-primary ms-n2 me-3">
                                                    <span class="path1"></span>
                                                    <span class="path2"></span>
                                                </i>
                                                <!--end::Icon-->
                                                <!--begin::Content-->
                                                <div class="d-flex flex-column">
                                                    <!--begin::Title-->
                                                    <h1 class="text-gray-800 fw-semibold">{{ $ticket->title }}</h1>
                                                    <!--end::Title-->
                                                    <!--begin::Info-->

                                                    <!--end::Info-->
                                                </div>
                                                <!--end::Content-->
                                            </div>
                                            <!--end::Heading-->
                                            <!--begin::Details---->
                                            <div class="mb-15">
                                                <!--begin::توضیحات-->

                                                <!--end::توضیحات-->
                                                <!--begin::Row-->
                                                <div class="row mb-7">
                                                    <!--begin::Col-->
                                                    <div class="col-md-4 fv-row mb-3">
                                                        <label class="fs-6 fw-semibold mb-2">متن پیام</label>
                                                        <input class="form-control form-control-solid placeholder-gray-600 fw-bold" disabled
                                                               value="{{ $ticket->description }}" placeholder="عنوان">
                                                    </div>

                                                    @if($ticket->file!=null)
                                                        <div class="col-sm-12 text-right">
                                                            <a class="btn btn-danger text-decoration-none text-white"
                                                               target="_blank"
                                                               href="{{ url(env('UPLOAD_FILE_Ticket').$ticket->file) }}">
                                                                فایل ضمیمه
                                                                <i class="fa fa-download"></i>
                                                            </a>
                                                        </div>
                                                    @endif

                                                    <!--end::Col-->
                                                </div>
                                                <div class="col-sm-12 mb-3 mt-4">
                                                    <button onclick="showForm()" style="float: left" type="button" id="button" class="btn  btn-primary float-left">
                                                        پاسخ
                                                        <i class="fa fa-reply"></i>
                                                    </button>

                                                </div>
                                                <form style="padding: 40px 0"
                                                    id="form"
                                                    class="col-12 text-right form mt-5"
                                                    action="{{ route('home.ticket.replay') }}"
                                                    method="post"
                                                    enctype="multipart/form-data"
                                                >
                                                    @csrf
                                                    پاسخ خود را ارسال نمایید:
                                                    <hr>
                                                    <div class="form-group row">
                                                        <div class="col-sm-12">
                                                            <textarea name="description" rows="10"
                                                                      class="form-control mb-2 border"></textarea>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <p>
                                                                افزودن فایل ضمیمه (عکس، Word و PDF):
                                                            </p>
                                                            <input class="mt-2 file-upload" type="file" name="file">
                                                        </div>
                                                        <input name="ticket_id" type="hidden" value="{{ $ticket->id }}">
                                                        <div class="col-sm-12 mt-2">
                                                            <button style="float: left" type="submit" class="btn btn-primary  float-left">
                                                                ارسال
                                                            </button>

                                                        </div>
                                                    </div>
                                                </form>
                                                <!--end::Row-->
                                                <!--begin::Input group-->

                                                <!--end::Input group-->
                                            </div>
                                            <!--end::Details---->
                                            <!--begin::نظرات-->
                                            <div class="mb-15">

                                                <!--end::Comment-->
                                                <!--begin::Comment-->
                                                @foreach($conversation as $key => $item)
                                                    <div class="{{$item->user_id=='admin'?'ms-9':''}} mb-9">
                                                        <!--begin::کارت-->
                                                        <div class="card card-bordered w-100">
                                                            <!--begin::Body-->
                                                            <div style="background-color: {{ $item->user_id=='admin' ? '#d2ecff' : '' }}" class="card-body">
                                                                <!--begin::Wrapper-->
                                                                <div class="w-100 d-flex flex-stack mb-8">
                                                                    <!--begin::Container-->
                                                                    <div class="d-flex align-items-center f">
                                                                        <!--begin::نویسنده-->
                                                                        <!--end::نویسنده-->
                                                                        <!--begin::Info-->
                                                                        <div class="d-flex flex-column fw-semibold fs-5 text-gray-600 text-dark">
                                                                            <!--begin::Text-->
                                                                            <div class="d-flex align-items-center">
                                                                                <!--begin::کاربرname-->
                                                                                <a  class="text-gray-800 fw-bold text-hover-primary fs-5 me-3">{{ $item->send_model=='Admin' ? 'پشتیبانی' : $item->User->first_name.' '.$item->User->last_name }}</a>
                                                                                <!--end::کاربرname-->
                                                                                <span class="m-0"></span>
                                                                            </div>
                                                                            <!--end::Text-->
                                                                            <!--begin::تاریخ-->
                                                                            <span class="text-muted fw-semibold fs-6">{{ verta($item->created_at)->format('d - %B - Y') }}</span>
                                                                            <!--end::تاریخ-->
                                                                        </div>
                                                                        <!--end::Info-->
                                                                    </div>
                                                                    <!--end::Container-->
                                                                    <!--begin::Actions-->

                                                                    <!--end::Actions-->
                                                                </div>
                                                                <div class="m-0">
                                                                    @if($item->file!=null)
                                                                        <div class="col-sm-12 text-right">
                                                                            <a class="btn btn-danger text-decoration-none text-white"
                                                                               target="_blank"
                                                                               href="{{ url(env('UPLOAD_FILE_Ticket').$item->file) }}">
                                                                                فایل ضمیمه
                                                                                <i class="fa fa-download"></i>
                                                                            </a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                                <!--end::Wrapper-->
                                                                <!--begin::Desc-->
                                                                <p class="fw-normal fs-5 text-gray-700 m-0">{{ $item->description }} </p>
                                                                <!--end::Desc-->
                                                            </div>
                                                            <!--end::Body-->
                                                        </div>
                                                        <!--end::کارت-->
                                                    </div>
                                                @endforeach
                                                <!--end::Comment-->
                                                <!--begin::Comment-->

                                                <!--end::Comment-->
                                            </div>
                                            <!--end::نظرات-->
                                            <!--begin::Pagination-->

                                            <!--end::Pagination-->
                                        </div>
                                        <!--end::تیکت view-->
                                    </div>
                                    <!--end::Content-->
                                    <!--begin::Sidebar-->
                                    <!--end::Sidebar-->
                                </div>
                                <!--end::قالب بندی-->
                            </div>
                            <!--end::کارت body-->
                        </div>

                    </div>
                    <!--end::Content-->
                </div>

            </div>
            <!--end:::اصلی-->
        </div>
        <!--end::Wrapper container-->
    </div>

@endsection