@extends("AdminSide.Layout")

@section("content")
 <div class="box-content">
     <div class="row">
     <div class="col-md-12 col-xs-12 table-responsive" style="border: none!important;">
             <table class="table table-striped table-bordered display" style="width:100%!important;text-align: right!important;">
                 <thead>
                 <tr>
                     <th style="text-align: right">نام فایل</th>
                     <th style="text-align: right">توضیحات</th>
                     <th style="text-align: right">عملیات</th>
                     <th style="text-align: right">تاریخ ساخت</th>
                     <th style="text-align: right">تاریخ ذخیره</th>
                 </tr>
                 </thead>
                 <tbody>
                 @if(isset($finalDocuments))
                     @foreach($finalDocuments as $key=>$i)
                         <tr>
                             <td style="width:max-content;position: relative">
                                 @if($i['type'] === 'resume')
                                     رزومه
                                 @elseif($i['type'] === 'passport')
                                     پاسپورت
                                 @elseif($i['type'] === 'educationalDegrees')
                                     مدارک تحصیلی
                                 @elseif($i['type'] === 'jobCertificate')
                                     گواهی شغل
                                 @elseif($i['type'] === 'identityCardTranslation')
                                     ترجمه شناسنامه
                                 @elseif($i['type'] === 'otherDocumentsOne')
                                     سایر مدارک
                                 @else
                                     سایر مدارک
                                 @endif
                             </td>
                             <td style="width:max-content;position: relative">

                                     <input id="explainInput{{$key}}" value="{{$i['explain']}}" class="form-control" style="height: 50px;width: 100%;min-width: 100px"
                                     @if($i['id']===null)
                                         disabled
                                     @endif
                                     />

                             </td>
                             <td style="width:max-content;position: relative">
                                 @if($i['id'])
                                     <a href={{route('downloadFileRequest',['file_id'=>\Illuminate\Support\Facades\Crypt::encrypt($i['id']),'type'=>'clientDocument'])}}>بارگیری محتوا</a>
                                     /
                                     <a style="cursor: pointer" onclick="editExplainRequest('explainInput{{$key}}','{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}')">ذخیره</a>
                                 @endif
                             </td>
                             <td style="width:max-content;position: relative">
                                 {{$i['created_at']}}
                             </td>
                             <td style="width:max-content;position: relative">
                                 {{$i['updated_at']}}
                             </td>
                         </tr>
                     @endforeach
                 @endif
                 </tbody>
             </table>
     </div>
     </div>
     <script>
         function editExplainRequest(_inputId,_documentId){
             swal({
                 title: "آیا شما مایل به تغییر توضیحات این فایل هستید؟",
                 imageUrl: '/core/public/defaults/question.png',
                 imageWidth:800,
                 imageHeight:800,
                 imageAlt:'Custom image',
                 showCancelButton: true,
                 confirmButtonColor: '#28988f',
                 confirmButtonText: "بله",
                 cancelButtonColor: '#d33',
                 cancelButtonText: "خیر",
                 closeOnConfirm: true,
                 closeOnCancel: true,
             }, function (isConfirm) {
                 if (isConfirm) {
                     var explain = $('#'+_inputId).val();
                     var document_id = _documentId;
                     $.ajaxSetup({
                         headers: {
                             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                         }
                     });
                     $.ajax({
                         type: 'POST',
                         url: '{{route('clientDocumentExplainEdit')}}',
                         data: {document_id:document_id,explain:explain},
                         success: function (data) {
                             if(data.errors){
                                 swal({
                                     title: data.errors,
                                     type: 'warning',
                                     confirmButtonColor: '#28988f',
                                     confirmButtonText: "بله",
                                     cancelButtonColor: '#d33',
                                     closeOnConfirm: true,
                                 },function (isConfirm) {
                                     //
                                 });
                             }else{
                                 success_message(data.message,"");
                             }
                         },
                         error: function (xhr,status,error) {
                             var err=eval("(" + xhr.responseText +")");
                             if(err.errors.step_name !=undefined){
                                 error_message(err.errors.step_name);
                             }
                             if(err.errors.percent !=undefined){
                             }
                         }
                     })
                 }
             })
         }

     </script>
</div>
@endsection