@extends('voyager::master')

@section('page_title', __('voyager::generic.view').' '.$dataType->getTranslatedAttribute('display_name_singular'))

<style>
    #writeReply{
        padding: 20px;
    }
    .chats{
        width: 100%;
    }
    .chats li {
        list-style: none;
        padding: 8px 0 5px;
        margin: 7px auto;
        font-size: 15px;
        width: 50%
    }
    .chats li.in {
        float: right
    }
    .chats li.out {
        float: left
    }
    .chats li .message .body {
        display: block;
    }
    .chats li .message {
        display: block;
        padding: 5px;
        position: relative;

        background: #fbfbfb;
        background-color: rgb(251, 251, 251);
        border-left: 1px solid #eaeaea !important;
        border-right: 1px solid #eaeaea !important;
        padding: 10px !important;
        border-radius: 5px;
    }
    .chats li.in .message {
        text-align: right;
        margin-right: 65px;
        width: 100%
    }
    li.in .message .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        right: -8px;
        position: absolute;
        top: 15px;
        width: 0;
    }

    .chats li.in .message .arrow {
        border-right: 8px solid #2f8e95;
    }
    li.in .name {
        color: #FB9800 !important;
    }
    .chats li .name {
        font-size: 16px;
        font-weight: 700;
    }
    .chats li.in img.avatar {
        float: right;
        margin-left: 10px;
        height: 45px;
        width: 45px;
    }

    .chats li.out img.avatar {
        float: left;
        margin-right: 10px;
        margin-top: 0px;
        height: 45px;
        width: 45px;
    }
    .chats li.out .name {
        color: #2FADE7 !important;
    }
    .chats li.out .message {
        border-left: 2px solid #b14c4c;
        margin-left: 65px;
        text-align: left;

        /* min-height: 130px; */
        background-color: #dff0d8;
    }
    
    .message {
        border: 1px solid #eaeaea;
    }
    h1.page-title{
        width: 100%;
    }
</style>

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i> {{ __('voyager::generic.viewing') }} {{ ucfirst($dataType->getTranslatedAttribute('display_name_singular')) }} &nbsp;

        @can('edit', $dataTypeContent)
            <a href="{{ route('voyager.'.$dataType->slug.'.edit', $dataTypeContent->getKey()) }}" class="btn btn-info">
                <i class="glyphicon glyphicon-pencil"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.edit') }}</span>
            </a>
        @endcan
        @can('delete', $dataTypeContent)
            @if($isSoftDeleted)
                <a href="{{ route('voyager.'.$dataType->slug.'.restore', $dataTypeContent->getKey()) }}" title="{{ __('voyager::generic.restore') }}" class="btn btn-default restore" data-id="{{ $dataTypeContent->getKey() }}" id="restore-{{ $dataTypeContent->getKey() }}">
                    <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.restore') }}</span>
                </a>
            @else
                <a href="javascript:;" title="{{ __('voyager::generic.delete') }}" class="btn btn-danger delete" data-id="{{ $dataTypeContent->getKey() }}" id="delete-{{ $dataTypeContent->getKey() }}">
                    <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.delete') }}</span>
                </a>
            @endif
        @endcan
        @can('browse', $dataTypeContent)
            <a href="{{ route('voyager.'.$dataType->slug.'.index') }}" class="btn btn-warning">
                <i class="glyphicon glyphicon-list"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::generic.return_to_list') }}</span>
            </a>
        @endcan
        
        
        @if(Auth::user()->role_id != 3 && $dataTypeContent['admin_close'] == 0)
            <a href="{{ route('admincloserequest') }}" id="close_request" data-id={{ $dataTypeContent['id'] }} class="btn btn-success pull-left">
                <i class="fa fa-times"></i> 
                <span class="hidden-xs hidden-sm">
                    إعتماد الطلب
                </span>
            </a>
        @endif
        
        
        
        <span style="<br />
<b>Warning</b>:  Undefined variable $dataTypeContent in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>138</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>138</b><br />
display: none" id="closed_request" class="pull-left btn btn-danger">
            @php 
                $who_end = \App\Models\User::where('id', '=', $dataTypeContent['who_end_request'])->first();
            @endphp
            تم اعتماد الطلب من قبل {{  ($who_end) ? $who_end->name : "" }}
        </span>
    
    
        
        
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    <div class="page-content read container-fluid">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-bordered" style="padding-bottom:5px;">
                    <!-- form start -->
                    @foreach($dataType->readRows as $row)
                        @php
                        if ($dataTypeContent->{$row->field.'_read'}) {
                            $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_read'};
                        }
                        @endphp
                        <div class="panel-heading" style="border-bottom:0;">
                            <h3 class="panel-title">{{ $row->getTranslatedAttribute('display_name') }}</h3>
                        </div>

                        <div class="panel-body" style="padding-top:0;">
                            @if (isset($row->details->view))
                                @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'action' => 'read', 'view' => 'read', 'options' => $row->details])
                            @elseif($row->type == "image")
                                <img class="img-responsive"
                                     src="{{ filter_var($dataTypeContent->{$row->field}, FILTER_VALIDATE_URL) ? $dataTypeContent->{$row->field} : Voyager::image($dataTypeContent->{$row->field}) }}">
                            @elseif($row->type == 'multiple_images')
                                @if(json_decode($dataTypeContent->{$row->field}))
                                    @foreach(json_decode($dataTypeContent->{$row->field}) as $file)
                                        <img class="img-responsive"
                                             src="{{ filter_var($file, FILTER_VALIDATE_URL) ? $file : Voyager::image($file) }}">
                                    @endforeach
                                @else
                                    <img class="img-responsive"
                                         src="{{ filter_var($dataTypeContent->{$row->field}, FILTER_VALIDATE_URL) ? $dataTypeContent->{$row->field} : Voyager::image($dataTypeContent->{$row->field}) }}">
                                @endif
                            @elseif($row->type == 'relationship')
                                 @include('voyager::formfields.relationship', ['view' => 'read', 'options' => $row->details])
                            @elseif($row->type == 'select_dropdown' && property_exists($row->details, 'options') &&
                                    !empty($row->details->options->{$dataTypeContent->{$row->field}})
                            )
                                <br />
<b>Warning</b>:  Undefined variable $row in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "field" on null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Undefined variable $dataTypeContent in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "" on null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "details" on null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "options" on null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
<br />
<b>Warning</b>:  Attempt to read property "" on null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>190</b><br />
                            @elseif($row->type == 'select_multiple')
                                @if(property_exists($row->details, 'relationship'))

                                    @foreach(json_decode($dataTypeContent->{$row->field}) as $item)
                                        {{ $item->{$row->field}  }}
                                    @endforeach

                                @elseif(property_exists($row->details, 'options'))
                                    @if (!empty(json_decode($dataTypeContent->{$row->field})))
                                        @foreach(json_decode($dataTypeContent->{$row->field}) as $item)
                                            @if (@$row->details->options->{$item})
                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                            @endif
                                        @endforeach
                                    @else
                                        {{ __('voyager::generic.none') }}
                                    @endif
                                @endif
                            @elseif($row->type == 'date' || $row->type == 'timestamp')
                                @if ( property_exists($row->details, 'format') && !is_null($dataTypeContent->{$row->field}) )
                                    {{ \Carbon\Carbon::parse($dataTypeContent->{$row->field})->formatLocalized($row->details->format) }}
                                @else
                                    {{ $dataTypeContent->{$row->field} }}
                                @endif
                            @elseif($row->type == 'checkbox')
                                @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                    @if($dataTypeContent->{$row->field})
                                    <span class="label label-info">{{ $row->details->on }}</span>
                                    @else
                                    <span class="label label-primary">{{ $row->details->off }}</span>
                                    @endif
                                @else
                                {{ $dataTypeContent->{$row->field} }}
                                @endif
                            @elseif($row->type == 'color')
                                <span class="badge badge-lg" style="background-color: {{ $dataTypeContent->{$row->field} }}">{{ $dataTypeContent->{$row->field} }}</span>
                            @elseif($row->type == 'coordinates')
                                @include('voyager::partials.coordinates')
                            @elseif($row->type == 'rich_text_box')
                                @include('voyager::multilingual.input-hidden-bread-read')
                                {!! $dataTypeContent->{$row->field} !!}
                            @elseif($row->type == 'file')
                                @if(json_decode($dataTypeContent->{$row->field}))
                                    @foreach(json_decode($dataTypeContent->{$row->field}) as $file)
                                        <a href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}">
                                            {{ $file->original_name ?: '' }}
                                        </a>
                                        <br/>
                                    @endforeach
                                @else
                                    <a href="{{ Storage::disk(config('voyager.storage.disk'))->url($row->field) ?: '' }}">
                                        {{ __('voyager::generic.download') }}
                                    </a>
                                @endif
                            @else
                                @include('voyager::multilingual.input-hidden-bread-read')
                                <p>{{ $dataTypeContent->{$row->field} }}</p>
                            @endif
                        </div><!-- panel-body -->
                        @if(!$loop->last)
                            <hr style="margin:0;">
                        @endif
                    @endforeach
                    
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title">حالة الطلب</h3>
                    </div>
                    <div style="padding: 30px">
                        <table>
                            
                                <br />
<b>Warning</b>:  Undefined variable $dataTypeContent in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>264</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/khadamaty2023/public_html/dos.khadamaty.sa/resources/views/vendor/voyager/employees-requests/read.blade.php</b> on line <b>264</b><br />
                                        <tr>
                                            <td>
                                                قيد الانتظار
                                            </td>        
                                        </tr>
                                                                
                            
                        </table>
                    </div>
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title">الملف الاول</h3>
                    </div>
                    
                    <ul>
                        {{--@foreach($request_images as $image)--}}
                        
                       @if(!empty(json_decode($dataTypeContent->attachments)))
                            <li>
								<a target="_blank" href="{{ Storage::url(json_decode($dataTypeContent->attachments)[0]->download_link) }}"> {{ json_decode($dataTypeContent->attachments)[0]->download_link }} </a>
                            </li>
                            @else
                        {{ 'لا يوجد' }}
                        @endif
                        {{--@endforeach--}}
                    </ul>
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title">الملف الثانى</h3>
                    </div>
                    
                    <ul>
                        @if(!empty(json_decode($dataTypeContent->second_attachment)))
                        <li>
							<a target="_blank" href="{{ Storage::url(json_decode($dataTypeContent->second_attachment)[0]->download_link) }}"> {{ json_decode($dataTypeContent->second_attachment)[0]->download_link }} </a>
                        </li> 
                        @else
                        {{ 'لا يوجد' }}
                        @endif
                    </ul>
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title">الملف الثالث</h3>
                    </div>
                    
                    <ul>
                        @if(!empty(json_decode($dataTypeContent->third_attachment)))
                        <li>
							<a target="_blank" href="{{ Storage::url(json_decode($dataTypeContent->third_attachment)[0]->download_link) }}"> {{ json_decode($dataTypeContent->third_attachment)[0]->download_link }} </a>
                        </li>  
                        @else
                        {{ 'لا يوجد' }}
                        @endif
                    </ul>
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title">الملف الرابع</h3>
                    </div>
                    
                    <ul>
                        @if(!empty(json_decode($dataTypeContent->fourth_attachment)))
                        <li>
							<a target="_blank" href="{{ Storage::url(json_decode($dataTypeContent->fourth_attachment)[0]->download_link) }}"> {{ json_decode($dataTypeContent->fourth_attachment)[0]->download_link }} </a>
                        </li>  
                        @else
                        {{ 'لا يوجد' }}
                        @endif
                    </ul>
                    
                    
                    <hr style="margin:0;">
                    <div class="panel-heading" style="border-bottom:0;">
                        <h3 class="panel-title"> التعليقات </h3>
                    </div>
                    
                    
                    <div class="row clearfix" style="padding: 30px;">
                        <ul class="chats">
                            @include('voyager::employees-requests.viewrequestreplies',['comments','main_request'])
                        </ul>
                    </div>
                    
                    <form id="writeReply">
					    @csrf
                        <div class="row clearfix">
                            <input type="hidden" value="{{ $main_request }}" name="mainMessage">

                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                <textarea class="form-control" cols="5" rows="5" name="message" placeholder=" اضافة تعليق على الطلب "></textarea>
                                <span style="display: block;text-align: right;color: #dc3545!important" class="mail-text-danger error-text message_error"></span>
                            </div>
                            
                            <div class="form-group  col-md-12 ">
                                <label class="control-label" for="name"> المرفقات </label>
                                <input type="file" name="files[]" id="inputFile" multiple class="@error('files') is-invalid @enderror">
                            </div>
                            
                            <div class="col-lg-12 col-md-12 col-sm-12 text-center form-group">
                                <button class="btn btn-sm btn-warning" type="submit" name="submit-form"><span class="txt"> ارســـال </span></button>

                                <span style="display: none;" id="AjaxLoader" class="">                    
                                    <img src="/site/images/loader2.gif">
                                </span>
                            </div>
                            
                        </div>
                    </form>
                    
                </div>
            </div>
        </div>
    </div>

    {{-- Single delete modal --}}
    <div class="modal modal-danger fade" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><i class="voyager-trash"></i> {{ __('voyager::generic.delete_question') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}?</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('voyager.'.$dataType->slug.'.index') }}" id="delete_form" method="POST">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}
                        <input type="submit" class="btn btn-danger pull-right delete-confirm"
                               value="{{ __('voyager::generic.delete_confirm') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}">
                    </form>
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@stop

@section('javascript')
    @if ($isModelTranslatable)
        <script>
            $(document).ready(function () {
                $('.side-body').multilingual();
            });
        </script>
    @endif
    <script>
        var deleteFormAction;
        $('.delete').on('click', function (e) {
            var form = $('#delete_form')[0];

            if (!deleteFormAction) {
                // Save form action initial value
                deleteFormAction = form.action;
            }

            form.action = deleteFormAction.match(/\/[0-9]+$/)
                ? deleteFormAction.replace(/([0-9]+$)/, $(this).data('id'))
                : deleteFormAction + '/' + $(this).data('id');

            $('#delete_modal').modal('show');
        });
    </script>
    
    
    <script>
        $('#writeReply').on('submit', function(event)
        {
            event.preventDefault();                      
            $.ajax
            ({                                         
                url: "{{ route('saverequestreply') }}",										 
                type:'POST',
                data:new FormData(this),
                dataType:'JSON',
                contentType: false,
                cache: false,
                processData: false, 
                beforeSend: function() {
                    $("#AjaxLoader").show();
                },      
                success: function(data)
                {	            
                    if($.isEmptyObject(data.error))
                    {                            
                        $("#writeReply")[0].reset();
                        $('.text-danger').hide();
                        $("#AjaxLoader").hide();
                        $('.chats').html(data.chats);
                    }else{
                        $.each(data.error, function( key, value ) {	                        			
                            $('.'+key+'_error').text(value);
                        });
                    }
                }
            });
        });
        
        
        $("#close_request").click(function (e) {
            e.preventDefault();
            var x = confirm( "هل انت متأكد انك تريد انهاء الطلب ؟");
            if(x){
                var requestID = $(this).attr("data-id");
                
                $.ajax({
                    type: "POST",
                    url: '{{ route("admincloserequest") }}',
                    data: { requestID: requestID },
                    success: function(data) 
                    {
                        if(data.success == 1)
                        {
                            $("#close_request").hide();
                            $("#closed_request").show();
                        }
                    }
                });
            }
       });
    </script>
    
@stop