@extends('dashboard.layouts.master')

@section('css')
    <!-- DataTables -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Responsive datatable examples -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Sweet Alert -->
    <link href="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">عرض التذكرة</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item active">التذكرة رقم #{{$ticket->id}}</li>
        </ol>
    </div>
    <div class="col-sm-6">
        <div class="float-right d-none d-md-block">
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div style="display: flex;justify-content: space-between;">
                        <h6>#{{$ticket->id}} {!! $ticket->statusLabelHtml() !!}</h6>
                        @if($ticket->created_by == auth()->user()->id && $ticket->status != 2)
                        <a href="{{route('admin.tickets.close', $ticket->id)}}" class="btn btn-danger" id="close-it">غلق التذكرة</a>
                        @endif
                    </div>
                    <p>تم الانشاء بواسطة {{$ticket->creator->name}}</p>
                    @if(in_array(auth()->user()->id, json_decode($ticket->team->manager_id)))
                        <div class="form-group">
                            <label>المسؤل عن المتابعة</label>
                            <select class="form-control" id="assign_to" href="{{route('admin.tickets.assign-task', $ticket->id)}}">
                                <option value="">-----------</option>
                                @foreach($ticket->team->members as $member)
                                    <option value="{{$member->admin_id}}" @if($member->admin_id == $ticket->assign_to) selected @endif>{{$member->admin->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    @else
                        <p>المسؤل عن المتابعة {{$ticket->admin->name ?? "---"}}</p>
                    @endif
                    <p>{{$ticket->type->title}} - {{$ticket->priorityLabel()}}</p>
                    <h6>{{$ticket->title}}</h6>
                    <p>{{$ticket->body}}</p>
                    @if($ticket->student_id)
                        <p>بخصوص الطالب: 
                            <a href="{{route('admin.student-management.show', $ticket->student->id)}}" target="_blank">{{$ticket->student->name ?? null}}</a>
                        </p>
                    @endif
                    @if($ticket->image)
                    <a target="_blank" href="{{$ticket->image_full_path}}">اضغط لفتح الملف المرفق</a>
                    @endif
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">مسارالتذكرة</div>
                <div class="card-body">
                    <ul>
                        @foreach($ticket->assigns as $assign)
                            <li>تم تعيين {{$assign->admin->name}} بواسطة {{$assign->creator->name }} - {{$assign->created_at}} </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    @foreach($ticket->replies as $reply)
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <p>تم الرد بواسطة {{$reply->creator->name}}</p>
                    <p>{{$reply->body}}</p>
                   
                    @if($reply->image)
                    <a target="_blank" href="{{$reply->image_full_path}}">اضغط لفتح الملف المرفق</a>
                    @endif
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    @endforeach
    @if($ticket->status != 2 && in_array(auth()->user()->id, [$ticket->created_by, $ticket->assign_to]))
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h6>اضافة رد جديد</h6>
                    <form action="{{route('admin.tickets.reply', $ticket->id)}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <!-- <label>الرد</label> -->
                            <textarea id="body" class="form-control @error('body') is-invalid @enderror" name="body" value="{{old('body') }}" placeholder="اضف ردك" rows="7" required></textarea>
                            @error('body')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>ارفاق صورة (اختياري)</label>
                            <input type="file" class="form-control @error('image') is-invalid @enderror" name="image" >
                            @error('image')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                ارسال
                            </button>
                        </div>
                    </form>

                </div>
            </div>
        </div> <!-- end col -->
    </div>
    @endif
@endsection

@section('script')
    <!-- Sweet-Alert  -->
    <script src="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>

    <script>
        $('#assign_to').on('change', function (event) {
            event.preventDefault();
            const url = $(this).attr('href');
            const admin_id = $(this).val();
            Swal.fire({
                title: "هل انت متاكد من تعيين متابع جديد",
                text: "{{trans('labels.you_wont_be_able_to_revert_this')}}",
                type: "warning",
                showCancelButton: true,
                cancelButtonText: "{{trans('labels.cancel')}}",
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "تاكيد"
            }).then(function (result) {
                if (result.value) {

                    Swal.fire({
                        title: "تم التنفيذ",
                        text: "",
                        type: "success",
                        confirmButtonText: "{{trans('labels.ok')}}"
                    });
                    $('<form action="'+url+'" method="post"> <input name="admin_id" type="hidden" value="'+ admin_id +'"> @csrf </form>').appendTo('body').submit();
                }
            });
        });
        $('#close-it').on('click', function (event) {
            event.preventDefault();
            const url = $(this).attr('href');
            Swal.fire({
                title: "هل تود غلق التذكرة",
                text: "{{trans('labels.you_wont_be_able_to_revert_this')}}",
                type: "warning",
                showCancelButton: true,
                cancelButtonText: "{{trans('labels.cancel')}}",
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "تاكيد"
            }).then(function (result) {
                if (result.value) {

                    Swal.fire({
                        title: "تم غلق التذكرة",
                        text: "",
                        type: "success",
                        confirmButtonText: "{{trans('labels.ok')}}"
                    });
                    $('<form action="'+url+'" method="post"> @csrf </form>').appendTo('body').submit();
                }
            });
        });
    </script>
@endsection