@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-md-12">
     <div class="card shadow-lg">
      <div class="card-body pt-5">
        <form class="user" action="{{ route('part.update') }}" method="post" enctype="multipart/form-data">
          @csrf
          <input type="hidden" name="id" value="{{ $part->id }}">
          <div class="row justify-content-md-center">

            <div class="col-md-4">

            <div class="text-center">
              <h1 class="h4 text-gray-900 mb-4">Edit Part</h1>
            </div>
              <div class="row">
                 @if ($errors->any())
                  <div class="col-md-12 mt-3">
                    <div class="alert alert-danger bg-gradient-danger">
                      <ul style="list-style: none;margin-bottom: 0;color: #fff;">
                          @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                    </div>
                  </div>
                @endif

                <div class="col-md-12 mt-3">
                  <div class="form-group bmd-form-group">
                    <label>Part name *</label>
                    <input type="text" name="part_name" class="form-control form-control-user" required value="{{ $part->part_name }}">
                    {!! $errors->first('name', '<p class="help-block text-danger mb-0">:message</p>') !!}
                  </div>
                </div>

                <div class="col-md-12 mt-3">
                  <div class="form-group bmd-form-group">
                    <label>Part no</label>
                    <input type="text" name="part_no" class="form-control form-control-user" value="{{ $part->part_no }}">
                    {!! $errors->first('part_no', '<p class="help-block text-danger mb-0">:message</p>') !!}
                  </div>
                </div>

                <div class="col-md-12 mt-3">
                  <div class="form-group bmd-form-group">
                    <label>Mod name</label>
                    <input type="text" name="mod_name" class="form-control form-control-user" value="{{ $part->mod_name }}">
                    {!! $errors->first('mod_name', '<p class="help-block text-danger mb-0">:message</p>') !!}
                  </div>
                </div>

                <div class="col-md-12 mt-3">
                  <div class="form-group bmd-form-group">
                    <label>Mod no</label>
                    <input type="text" name="mod_no" class="form-control form-control-user" value="{{ $part->mod_no }}">
                    {!! $errors->first('mod_no', '<p class="help-block text-danger mb-0">:message</p>') !!}
                  </div>
                </div>

              </div>
            </div>
            @if( count($models) > 0)
            <div class="col-md-4">
              <div class="text-center">
                <h1 class="h4 text-gray-900 mb-4">Edit Model</h1>
              </div>
            @foreach($models as $key=>$model)
            <!-- <div class="col-md-12">
              <h4>Department: {{$model->name}}</h4>
              <input type="hidden" name="model_id[{{$key}}]" value="{{$model->id}}">
              <input type="hidden" name="department_id[{{$key}}]" value="{{$model->departmentFK}}">
            </div>
            <div class="col-md-12 mt-3">
              <label>Text</label>
              <div class="form-group bmd-form-group">
                @if(!is_null($model->text))
                <textarea class="form-control" name="text[{{$key}}]" placeholder="Add text" rows="3" cols="2">{{ $model->text }}</textarea>
                @else
                <textarea class="form-control" name="text[{{$key}}]" placeholder="Add text" rows="3" cols="2"></textarea>
                @endif
              </div>
            </div> -->

            <div class="col-md-12 mt-3">
              <label>Upload file</label>
               @if( !is_null($model->file_part) && !empty($model->file_part))
              <div class="file-{{$model->id}}">
                  <a class="down-file-{{$model->id}}" href="{{ pathFile($model->file_part) }}">Download file</a>
                  <a onclick="deleteFileModel(this,'{{$model->id}}')" data-link="{{ route('part.delete.model.file',['model_id'=>$model->id,'part'=>$part->id,'dep'=>$model->departmentFK]) }}" href="javascript:;" class="text-danger ml-3 delete-file-{{$model->id}}">Delete file</a>
              </div>
              @endif
              <div class="form-group bmd-form-group">
                <input type="file" name="files[{{$key}}]" multiple="multiple" id="addfile_{{$model->id}}" class="form-control form-control-user" style="display: none;" onchange="checkFiles('addfile_{{$model->id}}','#file_name_{{$model->id}}')">
                <span id="file_name_{{$model->id}}"></span>
                <button type="button" class="btn btn-secondary btn-block mt-2" onclick="$('#addfile_{{$model->id}}').trigger('click')">Upload file</button>
              </div>
            </div>
            <div class="col-md-12"><hr></div>
            @endforeach
            </div>
            @endif
            
          </div>
          <div class="row  justify-content-md-center">
            <div class="col-md-4 mt-5">
              <button type="submit" class="btn btn-primary btn-block btn-user">Save</button>
          </div>
          </div>
          
          <div class="clearfix"></div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@section('style')

@endsection

@section('script')
  <script type="text/javascript">
    function deleteFileModel(event,id){
      if( confirm('You want to delete?')){
        $.ajax({
          url: $(event).data('link'),
          dataType: 'json',
          success: function(res){
            let clll = '.file-'+id;
            $(clll).hide();
          }
        });
      }
    }

    function checkFiles(id,file_name){
      var fileInput = document.getElementById(id);  
      var filename = fileInput.files[0].name;
      var filetype = fileInput.files[0].type;

      if(filetype.indexOf("zip") == '-1' && filetype.indexOf("rar") == '-1'){
        $('#'+id).val('');
        $(file_name).text('Upload file .zip or .rar only.');
        $(file_name).css('color','red');
      }else{
        $(file_name).text(filename);
        $(file_name).css('color','#858796');
      }
  }
  </script>
@endsection