@extends('backend.layout.app')

<!-- title go hear -->
@section('title' , 'Courses  ' )

@section('head')
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.css" rel="stylesheet">
@endsection

<!-- content go hear -->
@section('content')
<div class="card ">
	<div class="card-header d-flex pb-2  bg-light">
		<a href="{{ route('backend.courses') }}" class="btn btn-r"><i class="fas fa-arrow-left"></i></a>
		<a href="{{ route('backend.courses.createOrupdate') }}" class="btn  btn-r"><i class="fas fa-plus"></i></a>
		@if( $result['obj']->id)
		<a class=' btn btn-r '
		     href="{{route('backend.courses.show',['id'=>$result['obj']->id])}}"
			  ><i class="fas fa-laptop"></i> </a>
		<a class=' btn btn-r '
			onclick='deleteMe({
			"url":"{{route("backend.courses.destroy")}}",
			"id":"{{$result['obj']->id}}",
			"redirect":"{{route("backend.courses")}}"
		})'><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="card card-default ">
                <div class="card-header">
                    <h3 class="card-title pt-2 text-capitalize">Basic Details</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body"  >
                    <div class=" row">
                        <div class="col-12 col-md-3 mb-3 mb-md-0 "> <h6 class="label-t">Basic Details</h6></div>
                        <div class="col-12 col-md-8">
                            <!-- item -->
                            <div class=" mb-3">
                                <div><label for="text" class=" form-label text-capitalize">title</label></div>
                                <div>
                                    <input  name="title" type="text" class="form-control" value="{{ old('name',$result['obj']->title ) }}"></div>
                                </div>
                                <!-- item end -->
                                <!-- item -->
                                <div class=" mb-3  ">
                                    <div><label for="text" class=" form-label text-capitalize">slug</label></div>
                                    <div><input  name="slug" type="text" class="form-control" value="{{ old('name',$result['obj']->slug ) }}"></div>
                                </div>
                                <!-- item end -->
                                <!-- item -->
                                <div class=" mb-3">
                                    <div><label for="text" class=" form-label text-capitalize"> is published</label></div>
                                    <div>
                                        <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 text-capitalize">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 text-capitalize">draft</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- item end -->
                            </div>
                        </div>
                        <!-- row end -->
                    </div>
                </div>
             <!--  card end -->

             <!--  card start -->
	<div class="card card-default ">
		<div class="card-header">
			<h3 class="card-title pt-2 text-capitalize">meta tag</h3>
			<div class="card-tools">
				<button type="button" class="btn btn-tool" data-card-widget="collapse">
				<i class="fas fa-minus"></i>
				</button>
			</div>
		</div>
		<div class="card-body"  >
			<div class=" row">
				<div class="col-12 col-md-3 mb-3 mb-md-0 "> <h6 class="label-t">Basic Details</h6></div>
				<div class="col-12 col-md-8">
					<!-- item -->
					<div class=" mb-3">
						<div><label for="text" class=" form-label text-capitalize">metatag_title</label></div>
						<div>
							<input  name="metatag_title" type="text" class="form-control" value="{{ old('name',$result['obj']->metatag_title ) }}"></div>
						</div>
						<!-- item end -->
						<!-- item -->
						<div class=" mb-3  ">
							<div><label for="text" class=" form-label text-capitalize">metatag_keyword</label></div>
							<div><input  name="metatag_keyword" type="text" class="form-control" value="{{ old('name',$result['obj']->metatag_keyword ) }}"></div>
						</div>
						<!-- item end -->
							<!-- item -->
						<div class=" mb-3  ">
							<div><label for="text" class=" form-label text-capitalize">metatag_description</label></div>
							<div><input  name="metatag_description" type="text" class="form-control" value="{{ old('name',$result['obj']->metatag_description ) }}"></div>
						</div>
						<!-- item end -->

					</div>
				</div>
				<!-- row end -->
			</div>
		</div>
	 <!--  card end -->

      <!--  card start -->
		<div class="card card-default border-top    ">
			<div class="card-header   ">
				<h3 class="card-title pt-2 text-capitalize">Main section</h3>
				<div class="card-tools">
					<button type="button" class="btn btn-tool" data-card-widget="collapse">
					<i class="fas fa-minus"></i>
					</button>
				</div>
			</div>
			<div class="card-body"  >
				<div class=" row   pt-3">
					<div class="col-12 col-md-3 mb-3 mb-md-0 "> <h6 class="label-t">Main section</h6></div>
					<div class="col-12 col-md-8">
						<!-- item -->
						<div class=" mb-3">
							<div><label for="text" class=" form-label text-capitalize">main title</label></div>
							<div><input  name="main_title" type="text" class="form-control" value="{{ old('name',$result['obj']->main_title ) }}"></div>
						</div>
						<!-- item end -->
						<!-- item -->
						<div class=" mb-3  ">
							<div><label for="text" class=" form-label text-capitalize">main_description</label></div>
							<div>	<textarea  name="main_description" type="text" class="form-control summernote">{{ old('name',$result['obj']->main_description ) }}</textarea></div>
						</div>
						<!-- item end -->
						<!-- item -->
						<div class=" mb-3  ">
							<div><label for="text" class=" form-label text-capitalize">main image</label></div>
							<div class="d-flex align-items-center">
								<input id="main_image" name="main_image" type="file" class="form-control  " >
								@if($result['obj']->main_image)
								<div><img src="{{ asset('storage/courses') }}/{{ $result['obj']->main_image  }}"
								style="border-radius: 100%; width: 3rem; height: 3rem; margin-left: 2rem;" class="border"></div>
								@endif
							</div>
						</div>
						<!-- item end -->
                        <!-- item -->
						<div class=" mb-3  ">
							<div><label for="text" class=" form-label text-capitalize">main_icon_image</label></div>
							<div class="d-flex align-items-center">
								<input id="main_icon_image" name="main_icon_image" type="file" class="form-control  " >
								@if($result['obj']->main_icon_image)
								<div><img src="{{ asset('storage/courses') }}/{{ $result['obj']->main_icon_image  }}"
								style="border-radius: 100%; width: 3rem; height: 3rem; margin-left: 2rem;" class="border"></div>
								@endif
							</div>
						</div>
						<!-- item end -->
					</div>
				</div>
			</div>
		</div>
	 <!--  card end -->


  <div class="form-group row">
    <div class="offset-3 col-12 col-md-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.courses.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>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.js"></script>
 
    <script>
        $(document).ready(function() {
            $('.summernote').summernote({
                height: 300,   // Set editor height
                toolbar: [
                    // [groupName, [list of button]]
                    ['insert', ['link']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ]
            });
        });
    </script>
@endpush