@extends('layouts.app')

@section('title', 'Edit- asset detail | ')

@section('content')

<div class="content container-fluid">
          <div class="row">
            <div class="col-md-8 offset-md-2">
            
              <!-- Page Header -->
              <div class="page-header">
                <div class="row">
                  <div class="col-sm-12 text-center" style="padding-top: 20px;">
                    <h3 class="page-title ">Edit- asset detail </h3>
                  </div>
                </div>
              </div>
              <!-- /Page Header -->              
              <form method="post" action="{{route('/asset/update')}}">               
                @csrf                
                <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Asset Category <span class="text-danger">*</span></label>
                        <select class="select" name="category">
                          <option value="">-Select-</option>

                          @if(count($category) > 0)
                            @foreach($category as $item)
                            <option value="{{$item->id}}" @if($data->category_id == $item->id) selected @endif >{{$item->title}}</option>
                            @endforeach
                          @endif
                          
                        </select>
                        @if ($errors->has('category')) <div class=" text-danger">{{ $errors->first('category') }}</div> @endif
                      </div>
                    </div>
                    <div class="col-md-6">
                      
                    </div>
                  </div>

                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Asset Name <span class="text-danger">*</span></label>
                        <input class="form-control" name="asset_name" type="text" value="{{$data->asset_name}}">
                        <span class="text-muted">#Hard Disk, keyboard, Mouse, Notepad etc.</span>
                        @if ($errors->has('asset_name')) <div class=" text-danger">{{ $errors->first('asset_name') }}</div> @endif
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Asset Id <span class="text-danger">*</span></label>
                        <input class="form-control" name="asset_id" type="text" value="{{$data->asset_id}}">
                        <span class="text-muted">#Laptop-TS011 etc.</span>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Purchase Date</label>
                        <input class="form-control datetimepicker" name="purchase_date" type="text" value="@if($data->purchase_date !=NULL) {{date('d-m-Y',strtotime($data->purchase_date))}} @endif">
                      </div>
                    </div>
                   
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Manufacturer</label>
                        <input class="form-control" name="manufacturer" type="text" value="{{$data->manufacturer}}">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Model</label>
                        <input class="form-control" name="model" type="text" value="{{$data->model}}">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Serial Number</label>
                        <input class="form-control" name="serial_number" type="text" value="{{$data->serial_number}}">
                      </div>
                    </div>
                   
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Total Qty.</label>
                        <input class="form-control" name="total_qty" type="text" value="{{$data->total_items}}">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Item Value</label>
                        <input class="form-control" type="text" name="price" placeholder="" value="{{$data->price_value}}">
                        <small class="text-muted">Price/Item</small>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Description <span class="text-danger">*</span></label>
                        <textarea class="form-control" name="description">{{$data->description}}</textarea>
                         @if ($errors->has('description')) <div class=" text-danger">{{ $errors->first('description') }}</div> @endif
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Status</label>
                        <select class="select " name="status">
                          <option value="new" @if($data->status =='new') selected @endif >New</option>
                          <option value="damage" @if($data->status =='damage') selected @endif>Damange</option>                          
                          
                        </select>
                        <!-- <span class="small text-muted">Asste status</span> -->
                      </div>
                    </div>
                  </div>

                   <!-- attachment -->
                <div class="row">
                    <div class="col-sm-12">
                      <p style="font-size: 18px;">Attachment</p>
                      <hr>
                      <a class="btn-link" id="clickSelectFile" style="color: #0056b3; font-size: 16px; " href="javascript:;"><i class="fa fa-plus"></i> Add file</a>

                      <input type="file" id="fileupload" name="file" style="display:none"/> 

                      <div class="row" id="fileUploadProcess" style="min-height: 20px;"> </div>
                          
                      <div class="row" id="fileResult" style="min-height: 60px; margin-top: 20px;">
                        @if(count($files) > 0)

                          @foreach($files as $item)                          
                             
                            <div class='image-area'>
                              <a  href="{{ url('/').'/upload/asset-file/'.$item->file_name }}" download>
                                <img src="{{Techsaga::getFilePrev($item->file_name,'asset-file/')}}"  alt='Preview'>
                              </a>
                              <a class='remove-image' href='javascript:;' data-id="{{$item->id}}" style='display: inline;'>&#215;</a>
                              <p style='font-size:12px;'>{{$item->file_name}}</p>
                            </div>                          

                          @endforeach

                        @endif 
                      </div>
                    </div>
                </div>
                                                         
                <div class="submit-section">
                  <input type="hidden" name="item_id" value="{{$data->id}}">
                  <button type="submit" class="btn btn-primary submit-btn">Update</button>
                </div>
              </form>
            </div>
          </div>
      </div>

<script type="text/javascript">
$(document).ready(function (e) {

$(document).on('click','.remove-image',function(){ 
    
    $('#fileupload').val("");
    $(this).parent('.image-area').detach();
    
    var file_id = $(this).attr('data-id'); 

    console.log(file_id); 

    $.ajax({
            url:"{{ url('/asset/remove/file') }}",
            type:'POST',
            data:{"file_id":file_id,"_token": "{{ csrf_token() }}"},   
            success: function(data) {
                //check response
                console.log(data);    
                if(data.status == 'ok')
                {
                   
                }
            }
    });

});

$(document).on('click','#clickSelectFile',function(){ 

  $('#fileupload').trigger('click');

});

//
$(document).on('change','#fileupload',function(e){ 
//show process 
// $("").html("Uploading...");
$("#fileUploadProcess").html("<img src='{{asset('images/process-horizontal.gif')}}' >"); 

var fd = new FormData();
var inputFile = $('#fileupload')[0].files[0];
fd.append('file',inputFile);
fd.append('asset_id',"{{  Request::segment(3)}}");
fd.append('_token', '{{csrf_token()}}');
//

$.ajax({
      type: 'POST',
      url: "{{ url('/asset/upload/file') }}",
      data: fd,
      processData: false,
      contentType: false,
      success: function(data) {
        console.log(data);
        if (data.fail == false) {
        
        //reset data
        $('#fileupload').val("");
        $("#fileUploadProcess").html("");
        //append result
        $("#fileResult").prepend("<div class='image-area'><img src='"+data.filePrev+"'  alt='Preview'><a class='remove-image' href='javascript:;' style='display: inline;'>&#215;</a><input type='hidden' name='fileID[]' value='"+data.file_id+"'><p style='font-size:12px;'>"+data.filename+"</p></div>");

        } else {

          $("#fileUploadProcess").html("");
          alert("please upload valida file! allowed file type , Image, PDF, Doc, Xls and txt ");
          console.log("file error!");
          
        }
      },
      error: function(error) {
          console.log(error);
          // $(".preview_image").attr("src","{{asset('images/file-preview.png')}}"); 
      }
  }); 
return false;

});

});
              
</script>   

@endsection