@extends('backend.layout.app')

<!-- title go hear -->
@section('title' , 'Head Content  ' )
<!-- content go hear -->
@section('content')
<div class="card  ">
 
	<div class="card-body   ">
		<!-- row start -->
		<form id="formId">
			<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
					<label class="form-label">content</label>
				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
						 <textarea class="form-control" name="content"  rows="5">{!! $result['obj']->content !!}</textarea>
						 <small>this code include in head section of all page</small>
					</div>
					<input type="submit"   type="submit" id="submitBtn" class="btn btn-md btn-r btn-dark"  value="Submit">
				</div>
				<!-- col end -->
			</div>
		</form>
		<!-- row end -->
	</div>
</div>
@endsection


@push('footer-script')
 <script type="text/javascript">
 	    // store
    formId = document.getElementById('formId');
    formId.addEventListener('submit', async (event) => {
    event.preventDefault();
    
         // Disable the submit button before making the Axios request
  const submitBtn = document.getElementById('submitBtn');
  submitBtn.disabled = true;
  
    const formData = new FormData(formId);   
    const url = '{{ route('backend.headContent.store') }}';

    const config = {
      headers: {
        'Accept': 'application/json',
      }
    };

    try {
          const response = await axios.post(url, formData, config);
          toastr.success(response.data.message);
          if(response.data.redirect){  
          	   setTimeout(function () {
			        window.location.href = response.data.redirect;
			    }, 1000);
          }
        } catch (error) {
          handleErrorResponse(error);
      }finally {
        	  // Re-enable the submit button whether the request succeeds or fails
	  	      const submitBtn = document.getElementById('submitBtn');
   	   	    submitBtn.disabled = false;
	       }

    });
 </script>
@endpush