@extends('home.layouts.index')

@section('title')
    صفحه ای پروفایل
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('home/css/profile_panel.css') }}">

    <style>
        .nice-select {
            width: 100%;
        }

        .position-relative {
            position: relative;
        }

        #close_alert {
            position: absolute;
            cursor: pointer;
            top: 5px;
            left: 5px;
        }

        .my-2 {
            margin: 2rem 0;
        }

         #form {
             display: none;
         }

        .active {
            color: #0B94F7;
        }

        .UserImage {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

        .CustomBG {
            background-color: #d2ecff !important;
        }
        .float-left{
            float: left !important;
        }

    </style>
@endsection

@section('script')
    <script>
        // Show File Name
        $('#profile_image').change(function () {
            //get the file name
            var fileName = $(this).val();
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        });
        $('#close_alert').click(function () {
            $(this).parent().slideUp();
        })
    </script>
    <script>
        function showDetail(order_id) {
            let modal = $('#ordersDetails-' + order_id);
            modal.modal('show');
        }

        //remove from wishlist
        function RemoveFromProfileWishList(tag, event, productId) {
            event.preventDefault();
            $.ajax({
                url: "{{ route('home.wishlist.remove') }}",
                type: "POST",
                dataType: "json",
                data: {
                    productId: productId,
                    _token: "{{ csrf_token() }}"
                },
                success: function (msg) {
                    if (msg[0] == 'ok') {
                        swal({
                            title: "با تشکر",
                            text: "کالای مورد نظر با موفقیت از لیست علاقه‌مندی های شما حذف شد",
                            icon: "success",
                            timer: 3000,
                        })
                        window.location.reload();
                    }
                },
                error: function () {
                    console.log("something went wrong");
                },
            });
        }

        $('.province-select').change(function () {
            var provinceID = $(this).val();
            if (provinceID) {
                $.ajax({
                    type: "GET",
                    url: "{{ url('/get-province-cities-list') }}?province_id=" + provinceID,
                    success: function (res) {
                        if (res) {
                            $(".city-select").empty();

                            $.each(res, function (key, city) {
                                console.log(city);
                                $(".city-select").append('<option value="' + city.id + '">' +
                                    city.name + '</option>');
                            });

                        } else {
                            $(".city-select").empty();
                        }
                    }
                });
            } else {
                $(".city-select").empty();
            }
        });
    </script>
    <script>
        let $ = jQuery;
        $('#button').click(function () {
            $('#form').slideDown();
        });
    </script>

@endsection

@section('content')
    <main class="main-wrapper">
        <!-- Start Breadcrumb Area  -->
        <div class="axil-breadcrumb-area">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-8">
                        <div class="inner">
                            <ul class="axil-breadcrumb">
                                <li class="axil-breadcrumb-item"><a href="{{ route('home.index') }}">خانه</a></li>
                                <li class="separator"></li>
                                <li class="axil-breadcrumb-item active" aria-current="page">پروفایل من</li>
                            </ul>
                            <h1 class="title">همه محصولات را کاوش کنید</h1>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-4">
                        <div class="inner">
                            <div class="bradcrumb-thumb">
                                <img src="assets/images/product/product-45.png" alt="Image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Breadcrumb Area  -->
        @php
            $user=\Illuminate\Support\Facades\Auth::user();
            $path=public_path(env('USER_IMAGES_UPLOAD_PATH').$user->avatar);
            if (file_exists($path) and !is_dir($path)){
                $src=asset(env('USER_IMAGES_UPLOAD_PATH').$user->avatar);
            }else{
                $src=asset('/home/images/user.png');
            }
        @endphp
            <!-- Start My Account Area  -->
        <div class="axil-dashboard-area axil-section-gap">
            <div class="container">
                <div class="axil-dashboard-warp">

                    @if(!$user->comment)
                        <div role="alert" style="font-size: 22px;padding-right: 478px" class="alert alert-success text-center mb-5 nav nav-tabs">لطفا نظر خود
                            را راجب سایت ما <a
                                href="{{ route('home.comments.users_profile.index') }}"
                                aria-selected="false" style="color: blue;padding-right:10px;padding-left:10px;cursor: pointer">ثبت </a> کنید.
                        </div>
                    @endif
                </div>
                <div class="row">
                    @include('home.sections.profile_sidebar')
                    <div class="col-xl-9 col-md-8">


                        <div class="tab-pane " id="nav-support">
                            <div class="col-lg-9">
                                <div class="tab-content" id="myaccountContent">
                                    <div class="myaccount-content">
                                        <div class="row">
                                            <div class="hr"></div>
                                        </div>
                                        <div class="row">
                                            <form
                                                action="{{ route('home.ticket.store') }}"
                                                method="POST"
                                                enctype="multipart/form-data"
                                                class="col-12"
                                            >
                                                @csrf
                                                <div class="form-group row">
                                                    <div class="col-sm-6">
                                                        <input disabled class="form-control mb-2 border"
                                                               value="{{ $ticket->title }}" placeholder="عنوان">
                                                    </div>
                                                    <div class="col-sm-12">
                                                            <textarea style="font-size: 17px" disabled
                                                                      class="form-control mb-2 border">{{ $ticket->description }}</textarea>
                                                    </div>
                                                    @if($ticket->file!=null)
                                                        <div class="col-sm-12 text-right">
                                                            <a class="btn btn-sm 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
                                                    <div class="col-sm-12">
                                                        <div class="hr"></div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="row mt-3">
                                            @foreach($conversation as $item)
                                                <div class="col-sm-12 mb-3">
                                                    <label style="font-size: 17px">{{ $item->user_id=='admin' ? 'admin' : $item->User->name }}
                                                        : </label>
                                                    <label style="font-size: 17px" class="float-left">{{ verta($item->created_at)->format('d - %B - Y') }}</label>

                                                    <textarea style="font-size: 17px" disabled
                                                              class="form-control mb-2 border {{ $item->user_id=='admin' ? 'CustomBG' : '' }}"
                                                              rows="10"
                                                    >{{ $item->description }}</textarea>
                                                </div>
                                                @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 style="font-size: 17px" class="fa fa-download"></i>
                                                        </a>
                                                    </div>
                                                @endif
                                                <div class="col-sm-12">
                                                    <div class="hr"></div>
                                                </div>
                                            @endforeach
                                            <div class="col-sm-12 mb-3">
                                                <button style="font-size: 17px;color: white" type="button" id="button" class="btn btn-sm btn-info float-left">
                                                    پاسخ
                                                    <i style="font-size: 17px" class="fa fa-reply"></i>
                                                </button>
                                                <a style="font-size: 17px;margin-top: 15px" href="{{ route('home.ticket.index') }}"
                                                   class="btn btn-danger  text-decoration-none text-white">بازگشت</a>
                                            </div>
                                            <form style="margin-top: 38px"
                                                id="form"
                                                class="col-12 text-right form"
                                                action="{{ route('home.ticket.replay') }}"
                                                method="post"
                                                enctype="multipart/form-data"
                                            >
                                                @csrf
                                                پاسخ خود را ارسال نمایید:
                                                <hr>
                                                <div class="form-group row">
                                                    <div class="col-sm-12">
                                                            <textarea style="font-size: 17px" name="description" rows="10"
                                                                      class="form-control mb-2 border"></textarea>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <p>
                                                            افزودن فایل ضمیمه(عکس.فایل ورد و pdf ) :
                                                        </p>
                                                        <input  style="font-size: 17px;margin-bottom: 35px" class="mt-2" type="file" name="file">
                                                    </div>
                                                    <input  name="ticket_id" type="hidden" value="{{ $ticket->id }}">
                                                    <div class="col-sm-12 mt-2">
                                                        <button style="font-size: 17px" type="submit" class="btn  btn-success float-left">
                                                            ارسال
                                                        </button>

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


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


    </main>


@endsection