@extends('backend.layout.app')

<!-- title go hear -->
@section('title' , 'Testimonial  ' )
<!-- content go hear -->
@section('content')
<div class="card  ">
	<div class="card-header d-flex pb-2  bg-light">
		<a href="{{ route('backend.testimonial') }}" class="btn btn-r"><i class="fas fa-arrow-left"></i></a>
		<a href="{{ route('backend.testimonial.createOrupdate') }}" class="btn  btn-r"><i class="fas fa-plus"></i></a>
		@if( $result['obj']->id)
		<a class=' btn btn-r '
		     href="{{route('backend.testimonial.show',['id'=>$result['obj']->id])}}"
			  ><i class="fas fa-laptop"></i> </a>
		<a class=' btn btn-r '
			onclick='deleteMe({
			"url":"{{route("backend.testimonial.destroy")}}",
			"id":"{{$result['obj']->id}}",
			"redirect":"{{route("backend.testimonial")}}"
		})'><i class='fas fa-trash-alt'></i> </a>
		@endif
	</div>
	<div class="card-body   ">
		<!-- row start -->
		<form id="formId">
			@if( $result["obj"]->id)
			<input type="hidden" name="id"   value="{{ $result['obj']->id }}">
			@else
			<input type="hidden" name="id"   value="0" >
			@endif

			<div class="form-group row">
    <label for="text" class="col-4 form-label">name</label>
    <div class="col-8">
      <div class="input-group">
        <input  name="name" type="text" class="form-control" value="{{ old('name',$result['obj']->name ) }}">
      </div>
    </div>
  </div>
  <div class="form-group row">
    <label   class="col-4 form-label">title</label>
    <div class="col-8">
      <input  name="title" type="text" class="form-control" value="{{ old('title',$result['obj']->title ) }}">
    </div>
  </div>
  <div class="form-group row">
    <label for="textarea" class="col-4 form-label">description</label>
    <div class="col-8">
      <textarea id="textarea" name="description" cols="40" rows="5"
      class="form-control">{{ old('description',$result['obj']->description ) }}</textarea>
    </div>
  </div>
  	<div class="form-group row">
				<label class="col-4 form-label" for="image">image</label>
				<div class="col-8 d-flex">
					@if($result['obj']->image)
					<img src="{{ asset('storage/testimonial') }}/{{ $result['obj']->image  }}" width="45" height="37" class="border">
					@endif
					<input id="image" name="image" type="file" class="form-control" >
				</div>
			</div>
			<div class="form-group row">
				<label class="col-4 form-label">is_published</label>
					<div class="col-8">
						<div class="custom-control custom-radio custom-control-inline">
							<input name="is_published" id="radio_0" type="radio" class="custom-control-input" value="1"   @if($result['obj']->is_published == 1   ) checked @endif>
							<label for="radio_0" class="custom-control-label">active</label>
						</div>
						<div class="custom-control custom-radio custom-control-inline">
							<input name="is_published" id="radio_1" type="radio" class="custom-control-input" value="0" @if($result['obj']->is_published == 0   ) checked @endif >
							<label for="radio_1" class="custom-control-label">draft</label>
						</div>
				</div>
			</div>
            <div class="form-group row">
				<label class="col-4 form-label">show_on_index</label>
					<div class="col-8">
						<div class="custom-control custom-radio custom-control-inline">
							<input name="show_on_index" id="radio_show_on_index_yes" type="radio" class="custom-control-input" value="1"   @if($result['obj']->show_on_index == 1   ) checked @endif>
							<label for="radio_show_on_index_yes" class="custom-control-label">yes</label>
						</div>
						<div class="custom-control custom-radio custom-control-inline">
							<input name="show_on_index" id="radio_show_on_index_no" type="radio" class="custom-control-input" value="0" @if($result['obj']->show_on_index == 0   ) checked @endif >
							<label for="radio_show_on_index_no" class="custom-control-label">no</label>
						</div>
				</div>
			</div>
  <div class="form-group row">
    <div class="offset-4 col-8">
      	<input type="submit"   type="submit" id="submitBtn" class="btn btn-md btn-r btn-dark"  value="Submit">
    </div>
  </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.testimonial.store') }}';

    const config = {
      headers: {
        'Accept': 'application/json',
        "content-type": "multipart/form-data",

      }
    };

    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