@extends('layouts.panel')
@section('page_title')
<div class="col-md-5 align-self-center">
  <h3 class="text-primary">داشبورد</h3>
</div>
<div class="col-md-7 align-self-center">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="javascript:void(0)">خانه</a></li>
    <li class="breadcrumb-item">اسناد</li>
    <li class="breadcrumb-item active">مشاهده</li>
  </ol>
</div>
@endsection
@section('custom_css')
@endsection
@section('content')
<div class="row">
    <div class="col-md-12 col-lg-12 col-sm-12 col-m-12">
        <div class="card simti_responsive_table_no_padding">
            <div class="card-body p-b-0">
                @csrf
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label class="form-label">عنوان</label>
                                <input type="text" disabled value="{{$document->title}}" autocomplete="off" disabled class="form-control">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">مجموعه</label>
                                <input type="text" disabled value="{{$document->collection->title}}" autocomplete="off" disabled class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">زبان</label>
                                <input type="text" disabled value="{{$document->language}}" autocomplete="off" disabled class="form-control">
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label class="form-label">برچسب‌ها</label>
                                <input type="text" disabled value="{{$document->tags}}" autocomplete="off" disabled class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        @foreach($document->fields as $field)
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="form-label">{{$field->field->title_fa}}</label>
                                    <input type="text" disabled value="{{$field->value()}}" autocomplete="off" disabled class="form-control">
                                </div>
                            </div>
                        @endforeach
                    </div>
                {{-- <div class="form-actions text-left" style="margin-top:20px">
                <a onClick="if(confirm('آیا مطمئن هستید؟')) window.location='{{route('panel.online_library.documents.remove', ['document' => $document])}}'"
                    class="btn btn-danger text-white"> حذف <i class="fa fa-times"></i> </a>
                <a href="{{route('panel.online_library.documents.edit', ['document' => $document])}}"
                    class="btn btn-info text-white"> ویرایش <i class="fa fa-pencil"></i> </a>
                </div> --}}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection