@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">
        <form method="POST" action="{{route('panel.online_library.documents.store')}}" enctype="multipart/form-data">
          @csrf
          <input hidden name="item_schema_id" value="{{$item_schema->id}}" />
          <div class="form-body">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label class="form-label">مجموعه</label>
                  <select class="selectpicker form-control" data-style="simti_o" name="collection_id"
                    data-live-search="false">
                    @foreach(\App\Models\Collection::Publisheds()->get() as $collection)
                    <option {{ $collection->id == old('collection_id')? 'selected': '' }} value="{{$collection->id}}">
                      {{$collection->title}}</option>
                    @endforeach
                  </select>
                  @if($errors->has('collection_id'))
                  <small class="form-control-feedback text-danger">{{$errors->first('collection_id')}}</small>
                  @endif
                </div>
              </div>
              @if($item_schema->getFieldSchema('language'))
              <div class="col-md-6">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('language')->title->fa}}</label>
                  <select class="selectpicker form-control" data-style="simti_o" name="status" data-live-search="false">
                    <option {{ 'fa' == old('language')? 'selected': '' }} value="fa">فارسی</option>
                    <option {{ 'en' == old('language')? 'selected': '' }} value="en">انگلیسی</option>
                    <option {{ 'ar' == old('language')? 'selected': '' }} value="ar">عربی</option>
                  </select>
                  @if($errors->has('title'))
                  <small class="form-control-feedback text-danger">{{$errors->first('title')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('title'))
              <div class="col-md-6">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('title')->title->fa}}</label>
                  <input type="text" name="title" class="form-control {{$errors->has('title')?'is-invalid':''}}"
                    value="{{old('title')}}">
                  @if($errors->has('title'))
                  <small class="form-control-feedback text-danger">{{$errors->first('title')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('creators'))
              <div class="col-md-12 col-lg-12 col-sm-12 col-m-12">
                <div class="table-responsive">
                  <table class="table">
                    <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 id="creators">
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="col-md-12 col-lg-12 col-sm-12 col-m-12 text-left" style="margin-top: 10px">
                <button type="button" onClick="addLiteral()" class="btn btn-success">+ سازمانی</button>
                <button type="button" onClick="addPerson()" class="btn btn-success">+ حقیقی</button>
              </div>
              <script>
                let creators = [
                  {
                    type: 2,
                    position: 'contributer',
                    literal: 'احمد یاحقی'
                  },
                  {
                    type: 1,
                    position: 'contributer',
                    given: '',
                    family: ''
                  }
                ];
                function render(){
                  $('#creators').html('');
                  creators.forEach((creator, index) => {
                    $('#creators').append(`
                    <tr style="background: #d3d6d8;">
                      <td data-title="ردیف" class="simti_td_center">${index+1}</td>
                      <td data-title="نقش" class="simti_td_center">
                        <div class="col-md-12">
                          <div class="form-group">
                            <select class="form-control" data-style="simti_o" name="creators[${index}][position]"id="type_${index}" data-live-search="false">
                              @foreach($item_schema->getFieldSchema('creators')->positions as $position)
                                <option ${creator.position === '{{$position->name}}'? 'selected': ''} value="{{$position->name}}">{{$position->title->fa}}</option>
                              @endforeach
                            </select>
                          </div>
                        </div>
                      </td>
                      <td data-title="نام/عنوان" class="simti_td_center">
                        ${creator.type === 2?
                          `
                          <div class="row">
                            <div class="col-md-12">
                              <div class="form-group">
                                <input type="text" value="${creator.literal}" autocomplete="off" name="creators[${index}][literal]" id="literal_${index}" class="form-control">
                              </div>
                            </div>
                          </div>
                          `: ''}
                        ${creator.type === 1?
                          `
                          <div class="row">
                            <div class="col-md-6">
                              <div class="form-group">
                                <input type="text" value="${creator.family}" autocomplete="off" name="creators[${index}][family]" id="family_${index}" class="form-control">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group">
                                <input type="text" value="${creator.given}" autocomplete="off" name="creators[${index}][given]" id="given_${index}" class="form-control">
                              </div>
                            </div>
                          </div>
                          `:''
                        } 
                      </td>
                      <td data-title="" class="td_btn_custom_width">
                        <button type="button" onClick="removeCreator(${index})" class="btn btn-danger">حذف</button>
                      </td>
                    </tr>
                    `)
                  });
                }
                function addLiteral(){
                  creators.push({
                    type: 2,
                    position: 'contributer',
                    literal: ''
                  });
                  render();
                }
                function addPerson(){
                  creators.push({
                    type: 1,
                    position: 'contributer',
                    given: '',
                    family: ''
                  });
                  render();
                }
                function removeCreator(index){
                  creators = creators.filter((m,i) => (index === i? null: m));
                  render();
                  $('select.selectpicker').selectpicker();
                }
                $(document).ready(function(){
                  render();
                });
              </script>
              @endif
              @if($item_schema->getFieldSchema('issued'))
              @if($item_schema->getFieldSchema('issued')->type == 'year')
              <div class="col-md-12">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('issued')->title->fa}}</label>
                  <input type="number" name="issued" class="form-control {{$errors->has('issued')?'is-invalid':''}}"
                    value="{{old('issued')}}">
                  @if($errors->has('issued'))
                  <small class="form-control-feedback text-danger">{{$errors->first('issued')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @endif
              @if($item_schema->getFieldSchema('publisher'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('publisher')->title->fa}}</label>
                  <input type="text" name="publisher" class="form-control {{$errors->has('publisher')?'is-invalid':''}}"
                    value="{{old('publisher')}}">
                  @if($errors->has('publisher'))
                  <small class="form-control-feedback text-danger">{{$errors->first('publisher')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('publisher-place'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('publisher-place')->title->fa}}</label>
                  <input type="text" name="publisher-place"
                    class="form-control {{$errors->has('publisher-place')?'is-invalid':''}}"
                    value="{{old('publisher-place')}}">
                  @if($errors->has('publisher-place'))
                  <small class="form-control-feedback text-danger">{{$errors->first('publisher-place')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('volume'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('volume')->title->fa}}</label>
                  <input type="text" name="volume" class="form-control {{$errors->has('volume')?'is-invalid':''}}"
                    value="{{old('volume')}}">
                  @if($errors->has('volume'))
                  <small class="form-control-feedback text-danger">{{$errors->first('volume')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('number-of-volumes'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('number-of-volumes')->title->fa}}</label>
                  <input type="text" name="number-of-volumes"
                    class="form-control {{$errors->has('number-of-volumes')?'is-invalid':''}}"
                    value="{{old('number-of-volumes')}}">
                  @if($errors->has('number-of-volumes'))
                  <small class="form-control-feedback text-danger">{{$errors->first('number-of-volumes')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('edition'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('edition')->title->fa}}</label>
                  <input type="text" name="edition" class="form-control {{$errors->has('edition')?'is-invalid':''}}"
                    value="{{old('edition')}}">
                  @if($errors->has('edition'))
                  <small class="form-control-feedback text-danger">{{$errors->first('edition')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('collection-title'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('collection-title')->title->fa}}</label>
                  <input type="text" name="collection-title"
                    class="form-control {{$errors->has('collection-title')?'is-invalid':''}}"
                    value="{{old('collection-title')}}">
                  @if($errors->has('collection-title'))
                  <small class="form-control-feedback text-danger">{{$errors->first('collection-title')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('collection-number'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('collection-number')->title->fa}}</label>
                  <input type="text" name="collection-number"
                    class="form-control {{$errors->has('collection-number')?'is-invalid':''}}"
                    value="{{old('collection-number')}}">
                  @if($errors->has('collection-number'))
                  <small class="form-control-feedback text-danger">{{$errors->first('collection-number')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('number-of-pages'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('number-of-pages')->title->fa}}</label>
                  <input type="text" name="number-of-pages"
                    class="form-control {{$errors->has('number-of-pages')?'is-invalid':''}}"
                    value="{{old('number-of-pages')}}">
                  @if($errors->has('number-of-pages'))
                  <small class="form-control-feedback text-danger">{{$errors->first('number-of-pages')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('genre'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('genre')->title->fa}}</label>
                  <input type="text" name="genre" class="form-control {{$errors->has('genre')?'is-invalid':''}}"
                    value="{{old('genre')}}">
                  @if($errors->has('genre'))
                  <small class="form-control-feedback text-danger">{{$errors->first('genre')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('source'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('source')->title->fa}}</label>
                  <input type="text" name="source" class="form-control {{$errors->has('source')?'is-invalid':''}}"
                    value="{{old('source')}}">
                  @if($errors->has('source'))
                  <small class="form-control-feedback text-danger">{{$errors->first('source')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('archive'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('archive')->title->fa}}</label>
                  <input type="text" name="archive" class="form-control {{$errors->has('archive')?'is-invalid':''}}"
                    value="{{old('archive')}}">
                  @if($errors->has('archive'))
                  <small class="form-control-feedback text-danger">{{$errors->first('archive')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('archive-location'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('archive-location')->title->fa}}</label>
                  <input type="text" name="archive-location"
                    class="form-control {{$errors->has('archive-location')?'is-invalid':''}}"
                    value="{{old('archive-location')}}">
                  @if($errors->has('archive-location'))
                  <small class="form-control-feedback text-danger">{{$errors->first('archive-location')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('abstract'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('abstract')->title->fa}}</label>
                  <input type="text" name="abstract" class="form-control {{$errors->has('abstract')?'is-invalid':''}}"
                    value="{{old('abstract')}}">
                  @if($errors->has('abstract'))
                  <small class="form-control-feedback text-danger">{{$errors->first('abstract')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('isbn'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('isbn')->title->fa}}</label>
                  <input type="text" name="isbn" class="form-control {{$errors->has('isbn')?'is-invalid':''}}"
                    value="{{old('isbn')}}">
                  @if($errors->has('isbn'))
                  <small class="form-control-feedback text-danger">{{$errors->first('isbn')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('short-title'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('short-title')->title->fa}}</label>
                  <input type="text" name="short-title"
                    class="form-control {{$errors->has('short-title')?'is-invalid':''}}" value="{{old('short-title')}}">
                  @if($errors->has('short-title'))
                  <small class="form-control-feedback text-danger">{{$errors->first('short-title')}}</small>
                  @endif
                </div>
              </div>
              @endif
              @if($item_schema->getFieldSchema('doi'))
              <div class="col-md-4">
                <div class="form-group">
                  <label class="form-label">{{$item_schema->getFieldSchema('doi')->title->fa}}</label>
                  <input type="text" name="doi" class="form-control {{$errors->has('doi')?'is-invalid':''}}"
                    value="{{old('doi')}}">
                  @if($errors->has('doi'))
                  <small class="form-control-feedback text-danger">{{$errors->first('doi')}}</small>
                  @endif
                </div>
              </div>
              @endif
            </div>
          </div>
          <div class="form-actions text-left" style="margin-top:20px">
            <button type="submit" class="btn btn-info">ذخیره<i class="fa fa-check"></i> </button>
          </div>
      </div>
    </div>
  </div>
</div>
</div>
@endsection