@extends('layouts.master')
@push('page-style')
<style>
   .btn-default {
   background-color: #1e8ad2;
   border-color: #1e8ad2;
   }
   .backdrop {
   }
   .loader {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
   width: 100%;
   height: 100%;
   overflow: visible;
   background: rgba(60, 60, 60, 0.5);
   }
</style>
@endpush
@section('page-content')
<div class="title-bar row">
   <div class="col-sm-9">
      <h1 class="title-bar-title">
         <span class="d-ib">Update Trust Information</span>
      </h1>
   </div>
</div>

@if (count($errors) > 0)
<div class="alert alert-danger alert-dismissible">
   <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
   <strong>Duplictae!</strong>  Update successfully.
</div>
@endif
<div class="row">
   <div class="col-md-8">
      <div class="demo-form-wrapper">
         <form name="addevent" id="updatecompanyinfo" action="javascript:void(0);" enctype="multipart/form-data" method="post" accept-charset="utf-8">
            <div class="loader">
               <div class="spinner spinner-primary spinner-lg"></div>
            </div>
            {{ csrf_field() }}
            <div class="form-group">
               <label class="col-sm-3 control-label" for="select-admin">Logo</label>
               <div class="col-sm-9">
                  <img class="img-responsive" id="image_preview" src="{{ asset('/'.$companyinfo->logo) }}" alt="">
                  <input type="file" onchange="document.getElementById('image_preview').src = window.URL.createObjectURL(this.files[0])" name="logo" style="margin-bottom: 16px;" class="form-control">
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-3 control-label" for="name">Name</label>
               <div class="col-sm-9">
                  <input id="name" class="form-control" type="text" name="name" value="{{$companyinfo->name}}" required style="margin-bottom: 16px;">
               </div>
            </div>
            <div class="form-group">
               <label for="" class="col-sm-3 control-label">Address</label>
               <div class="col-sm-9">
                  <textarea class="form-control address" style="margin-bottom: 16px;" rows="5" placeholder="Address" id="address" value="{{$companyinfo->address}}">{{$companyinfo->address}}</textarea>
               </div>
            </div>
            <div class="append_container"></div>
            <div class="col-sm-offset-3 col-sm-9">
               <button class="btn btn-primary"  id="submit_btn" type="submit">
               {{-- <i class="icon icon-paper-plane"></i>--}} Submit Details 
               </button>
            </div>
         </form>
      </div>
   </div>
</div>
@endsection
@push('page-script')
<script>
   $(document).on('click','#submit_btn',function() {
   
   	var form = $('#updatecompanyinfo')[0];
   	var formData = new FormData(form);
   	formData.append('name', $('#name').val());
   	formData.append('address', $('#address').val());
   
   	 $('.loader').show();
   		   $.ajax({
   				   url: "{{ route('update_company_save') }}",
   				   method: "POST",
   				   data: formData,
   				   enctype: 'multipart/form-data',
   				   processData: false,
   				   contentType: false,
   				   cache: false,
   				  success:function(data){  
   				      	console.log(data);
   				      	if(data['success'] != 'done'){
   				      		 $('.loader').hide();
   				      		alert(data['success']);
   				      	}else{
   				      		 $('.loader').hide();
   				      		alert('Succussfully Update');
   				      	}
   				      	
   				      },
   				      error:function(error){
   
   				         
   				      }
   				 });
   });
</script>
@endpush