@php
	$extensions = json_encode(getFileExtensions(1));
@endphp

@extends('admin.layouts.master')
@section('title', __('Disputes'))

@section('page_content')
	<div id="discussion-reply">
		<div class="box p-4 d-flex justify-content-between">
            <div>
                <div class="top-bar-title padding-bottom pull-left">{{ __('Dispute') }}</div>
            </div>

            <div>
                <select class="select2 form-control" name="status" id="status">
                    <option value="Open" >{{ __('Open') }}</option>
                    <option value="Solve" >{{ __('Solve') }}</option>
                    <option value="Closed" >{{ __('Closed') }}</option>
                </select>
                <input type="hidden" name="id" value="{{$dispute->id}}" id="id">
            </div>
        </div>

		<div class="box p-4">
            <div class="panel panel-default">
                <div class="row">
                    <div class="col-md-7">
                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-3">{{ __('Title') }}</label>
                            <div class="col-sm-9">
                                <p class="f-14">{{ $dispute->title  }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-7">
                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-3">{{ __('Transaction ID') }}</label>
                            <div class="col-sm-9">
                                <p class="f-14">{{ (isset($dispute->transaction)) ? $dispute->transaction->uuid : ''  }}</p>
                            </div>
                        </div>

                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-3">{{ __('Status') }}</label>
                            <div class="col-sm-9">
                                <p>
                                    @php
                                        echo getStatusLabel($dispute->status);
                                    @endphp
                                </p>
                            </div>
                        </div>

                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-3">{{ __('Date') }}</label>
                            <div class="col-sm-9">
                                <p class="f-14">{{ dateFormat($dispute->created_at) }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-4">{{ __('Claimant') }}</label>
                            <div class="col-sm-7">
                                <p class="f-14">{{ getColumnValue($dispute->claimant) }}</p>
                            </div>
                        </div>

                        <div class="row">
                            <label class="control-label f-14 fw-bold col-sm-4">{{ __('Defendant') }}</label>
                            <div class="col-sm-7">
                                <p class="f-14">{{ getColumnValue($dispute->defendant) }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>

		<div class="box p-4">
            <form action="{{url(config('adminPrefix').'/dispute/reply')}}" id="reply" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}

                <div>
                    <label class="f-14 fw-bold mb-2 p-0" for="description">{{ __('Reply') }}</label>
                    <input type="hidden" name="dispute_id" value="{{ $dispute->id }}">
                    <textarea name="description" id="description" class="form-control"></textarea>

                    @if($errors->has('description'))
                        <span class="error">
                            {{ $errors->first('description') }}
                        </span>
                    @endif
                </div>

                <div class="mt-4">
                    <label class="control-label f-14 fw-bold" for="file">{{ __('File') }}</label>
                    <input class="form-controls" type="file" name="file" id="file">
                    @if($errors->has('file'))
                        <span class="error">
                            {{ $errors->first('file') }}
                        </span>
                    @endif
                </div>

                <div class="text-sm-end">
                    <button type="submit" class="btn btn-theme f-14" id="dispute-reply"><i class="fa fa-spinner fa-spin d-none"></i> <span id="dispute-reply-text">{{ __('Submit') }}</span></button>
                </div>
                <div class="clearfix"></div>
            </form>
		</div>

		<!-- Claimant Description - starts -->
		<div class="box p-4">
			<div class="row gx-1 gy-3">
				<div class="well well-sm">
					<div class="media d-flex">
						<div class="media-left me-3">
							<img src="{{ image($dispute->claimant?->picture, 'profile') }}" class="media-object w-60p">
						</div>

						<div class="media-body f-14">
							<h4><a href="{{ url(config('adminPrefix').'/admin-user/edit/'. $dispute->claimant?->id)}}">{{ getColumnValue($dispute->claimant) }}</a> <small class="f-14"><i>{{ dateFormat($dispute->created_at) }}</i></small> &nbsp;
							</h4>
							{!! $dispute->description !!}
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Claimant Description - ends -->


		@if($dispute->disputeDiscussions->count() > 0)
			<div class="box p-4">
				<div class="row gx-1 gy-3">
					@foreach($dispute->disputeDiscussions as $result)
						@if($result->type == 'User' )
							<div class="well well-sm">
								<div class="media d-flex">
								<div class="media-left me-3">
									<img src='{{ image($result->user?->picture, 'profile') }}' class="media-object w-60p">
								</div>
									<div class="media-body f-14">
									<h4><a href="{{ url(config('adminPrefix').'/users/edit', $result->user->id)}}">{{ getColumnValue($result->user) }}</a> <small class="f-14"><i>{{ dateFormat($result->created_at) }}</i></small> &nbsp;
										</h4>
									<p>{!! $result->message !!}</p>

							@if($result->file)
							----------------<br>
														<h5>
							<a class="text-info" href="{{ url(config('adminPrefix').'/dispute/download', $result->file) }}"><i class="fa fa-download"></i> {{$file_name}}
							</a>
						</h5>
							@endif
									</div>
								</div>
							</div>

						@else
							<div class="well well-sm">
								<div class="media d-flex">
									<div class="media-left me-3">
										<img src='{{ image($result->admin?->picture, 'profile') }}' class="media-object w-60p">
									</div>

									<div class="media-body f-14">
									<h4><a href="{{ url(config('adminPrefix').'/admin-user/edit', $result->admin->id)}}">{{ getColumnValue($result->admin) }}</a> <small class="f-14"><i>{{ dateFormat($result->created_at) }}</i></small> &nbsp;
									</h4>

									<p>{!! $result->message !!}</p>

										@if($result->file)
										----------------<br>
																						<h5>
												<a class="text-info" href="{{ url(config('adminPrefix').'/dispute/download', $result->file) }}">
													<i class="fa fa-download"></i> {{$file_name}}
												</a>
											</h5>
										@endif
									</div>
								</div>
							</div>
						@endif
					@endforeach
				</div>
			</div>
		@endif
	</div>
@endsection


@push('extra_body_scripts')

<script src="{{ asset('public/dist/plugins/jquery-validation/dist/jquery.validate.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('public/dist/plugins/jquery-validation/dist/additional-methods.min.js') }}" type="text/javascript"></script>
<script type="text/javascript">
	'use strict';
	var extensions = JSON.parse(@json($extensions));
	var extensionsValidationRule = extensions.join('|');
	var extensionsValidation = extensions.join(', ');
	var errorMessage = '{{ __("Please select (:x) file.") }}';
	var extensionsValidationMessage = errorMessage.replace(':x', extensionsValidation);
	var submittingText = '{{ __("Submitting...") }}';
	var statusChangeText = '{{ __("Dispute discussion :x successfully done.") }}'
</script>
<script src="{{ asset('public/admin/customs/js/dispute/dispute.min.js') }}" type="text/javascript"></script>
@endpush