@extends('backend.layout.app')
<!-- title go hear -->
@section('title' , 'advanced settings' )
<!-- content go hear -->
@section('content')
<div class=" border-bottom    ">
	<h4 class="header-sub">Developer Options </h4>
	<p>Caution: Advanced settings for  developers only.</p>
</div>
<div class="mt-4  border-bottom ">
	<div class=" row">
		<div class=" col-12 col-md-4">
			<h6>Cache Clear</h6>
		</div>
		<div class=" col-12  col-md-6">
			<div class="card">
				<div class="card-body">
					 <div class="mb-3 border-bottom">
					 	<button onclick="cacheClear()" id="cacheClear"  class="btn  btn-outline-danger btn-r     mb-3 ">Run Command</a>
					 </div>

					<ul  class="ul-r">
						<li><i class="fas fa-check-circle mr-2" style="color: #2c8d25;" ></i> php artisan cache:clear </li>
						<li><i class="fas fa-check-circle mr-2"  style="color: #2c8d25;"></i>  php artisan optimize:clear</li>
					</ul>
					 
				</div>
			</div>
		</div>
	</div>
</div>
<div class="mt-4  border-bottom ">
	<div class=" row">
		<div class=" col-12 col-md-4">
			<h6>Optimize Application</h6>
			
			
			
		</div>
		<div class=" col-12 col-md-6">
			<div class="card">
				<div class="card-body">
						 <div class="mb-3 border-bottom">
					<button  onclick=" "   class="btn btn-outline-secondary  btn-r   mb-3 disabled">Run Command</button>
				</div>
					<ul class="ul-r">
						<li><i class="fas fa-check-circle mr-2" style="color: #2c8d25;color:gray;" ></i> php artisan config:cache </li>
						<li><i class="fas fa-check-circle mr-2" style="color: #2c8d25; color:gray;"></i>  php artisan route:cache</li>
						<li><i class="fas fa-check-circle mr-2" style="color: #2c8d25; color:gray;"></i> php artisan view:cache</li>
					</ul>
					<p>Disabled</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="mt-4    ">
	<div class=" row">
		<div class=" col-12 col-md-4">
			<h6>Storage Link</h6>
			
			
			
		</div>
		<div class="col-12  col-md-6">
			<div class="card">
				<div class="card-body">
						 <div class="mb-3 border-bottom">
				   <button class="btn btn-outline-danger  btn-r  mb-3 " id="storageLink"  onclick="storageLink()">Run Command</button>
				</div>
					<ul  class="ul-r">
						<li><i class="fas fa-check-circle mr-2" style="color: #2c8d25;"></i> php artisan storage:link  </li>
					</ul>
					<p>
						Creates a symbolic link from the public directory to the storage/app/public directory.   This allows files stored in the storage/app/public directory to be accessible from the web.
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@push('footer-script')
<script type="text/javascript">

     function storageLink(){
     	event.preventDefault();

     // Disable the submit button before making the Axios request
     const submitBtn = document.getElementById('storageLink');
     submitBtn.disabled = true;

	    const url = '{{ route('backend.settings.advanced.storage.link') }}';
	    const config = {
	      headers: {
	        'Accept': 'application/json',
	      }
	    };
	    const formData = new FormData();
        formData.append('action', 'true');

	    axios.post(url, formData, config)
	      .then(response => {
	        toastr.success(response.data.message);
	      })
	      .catch(error => {
	        if (error.response ) {
	          const validationErrors = error.response.data.errors;
	          displayValidationErrors(validationErrors);
	        } else {
	          // The request was made but no response was received
	          toastr.error('Error:', error.message);
	        }
	      }).finally(() => {
            // Revert back to the submit button and hide the loading indicator
    	   	    submitBtn.disabled = false;
      });

     }
    


    function cacheClear(){
     	event.preventDefault();

      // Disable the submit button before making the Axios request
     const submitBtn = document.getElementById('cacheClear');
     submitBtn.disabled = true;

	    const url = '{{ route('backend.settings.advanced.cache.clear') }}';
	    const config = {
	      headers: {
	        'Accept': 'application/json',
	      }
	    };
	    const formData = new FormData();
        formData.append('action', 'true');

	    axios.post(url, formData, config)
	      .then(response => {
	        toastr.success(response.data.message);
	      })
	      .catch(error => {
	        if (error.response ) {
	          const validationErrors = error.response.data.errors;
	          displayValidationErrors(validationErrors);
	        } else {
	          // The request was made but no response was received
	          toastr.error('Error:', error.message);
	        }
	      }).finally(() => {
            // Revert back to the submit button and hide the loading indicator
    	   	    submitBtn.disabled = false;
      });;

     }

       function optimizeApplication(){
     	event.preventDefault();

     	 // Disable the submit button before making the Axios request
     const submitBtn = document.getElementById('optimizeApplication');

     submitBtn.disabled = true;
	    const url = '{{ route('backend.settings.advanced.optimize.application') }}';
	    const config = {
	      headers: {
	        'Accept': 'application/json',
	      }
	    };
	    const formData = new FormData();
        formData.append('action', 'true');

	    axios.post(url, formData, config)
	      .then(response => {
	        toastr.success(response.data.message);
	      })
	      .catch(error => {
	        if (error.response ) {
	          const validationErrors = error.response.data.errors;
	          displayValidationErrors(validationErrors);
	        } else {
	          // The request was made but no response was received
	          toastr.error('Error:', error.message);
	        }
	      }).finally(() => {
            // Revert back to the submit button and hide the loading indicator
    	   	    submitBtn.disabled = false;
      });;

     }

</script>
 @endpush