@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 active">مقادیر ظاهری</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">
        <div class="form-body">
          <div class="row">
            <div class="col-md-6" >
              <div class="form-group">
                <label class="form-label">عنوان فارسی</label>
                <input type="text" disabled name="title_fa" id="title_fa" class="form-control" value="{{$field->title_fa}}" >
              </div>
            </div>
            <div class="col-md-6" >
              <div class="form-group">
                <label class="form-label">عنوان انگلیسی</label>
                <input type="text" disabled name="title_en" id="title_en" class="form-control" value="{{$field->title_en}}" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6" >
              <div class="form-group">
                <label class="control-label">نوع</label>
                <select class="selectpicker form-control" data-style="simti_o" disabled name="type" data-live-search="true">
                  @foreach(__('fields.type_str') as $key=>$value)
                    <option {{ $key == $field->type? 'selected': '' }} value="{{$key}}">{{$value}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-6" >
              <div class="form-group">
                <label class="form-label">راهنما</label>
                <input type="text" disabled name="help" id="help" class="form-control" value="{{$field->help}}" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6" >
              <div class="form-group">
                <label class="control-label">وضعیت</label>
                <select class="selectpicker form-control" data-style="simti_o" disabled name="status" data-live-search="false">
                  <option {{ 1 == $field->status? 'selected': '' }} value="1">فعال</option>
                  <option {{ 2 == $field->status? 'selected': '' }} value="2">غیرفعال</option>
                </select>
              </div>
            </div>
            <div class="col-md-6" >
              <div class="form-group">
                <label class="control-label">ضروری</label>
                <select class="selectpicker form-control" data-style="simti_o" name='required' data-live-search="false">
                  <option {{ 2 == $field->required? 'selected': '' }} value="2">غیرضروری</option>
                  <option {{ 1 == $field->required? 'selected': '' }} value="1">ضروری</option>
                </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6" >
              <div class="form-group">
                <label class="form-label">اولویت</label>
                <input type="number" min="1" disabled name="order" id="order" class="form-control" value="{{$field->order}}" >
              </div>
            </div>
            <div class="col-md-6" >
              <div class="form-group">
                <label class="form-label">مسیر</label>
                <input type="text" min="1" disabled name="path" id="path" class="form-control" value="{{$field->path}}" >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-12">
                <div class="table-responsive">
                  <table class="table table-striped ">
                    <thead>
                      <tr>
                        <th class=" text-center"> ردیف</th>
                        <th class=" text-center"> عنوان </th>
                        <th class=" text-center"> وضعیت </th>
                        <th class=" text-center"></th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach($field->items()->get() as $i=>$item)
                        <tr>
                          <td data-title="ردیف" class="simti_td_center">{{$i+1}}</td>
                          <td data-title="عنوان" class="simti_td_center">{{$item->title_fa}}</td>
                          <td data-title=" وضعیت " class="simti_td_center">{{$item->status_str}}</td>
                          <td data-title="" class="td_btn_custom_width">
                            <a href="{{route('panel.items.show', ['item' => $item])}}">مشاهده</a>
                          </td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
        </div>
        <div class="form-actions text-left" style="margin-top:20px">
          <a onClick="if(confirm('آیا مطمئن هستید؟')) window.location='{{route('panel.fields.remove', ['field' => $field])}}'" class="btn btn-danger text-white"> حذف <i class="fa fa-times"></i> </a>
          <a href="{{route('panel.fields.edit', ['field' => $field])}}" class="btn btn-info text-white"> ویرایش <i class="fa fa-pencil"></i> </a>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection