@extends('backend.layout.app')

<!-- title go hear -->
@section('title' , 'social ' )
<!-- 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">fb</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="fb" value="{{  $result['obj']->fb   }}" class="form-control"  >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">youtube</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="youtube"  value="{{  $result['obj']->youtube   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">twitter</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="twitter"  value="{{  $result['obj']->twitter   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">instagram</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="instagram"  value="{{  $result['obj']->instagram   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
            <div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">linkedIn</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="linkedIn"  value="{{  $result['obj']->linkedIn   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">email</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="email"  value="{{  $result['obj']->email   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">phone</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="phone"  value="{{  $result['obj']->phone   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
					<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
						 <label class="form-label">whatsapp</label>
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<div class="  mb-3">
					  <input type="text" name="whatsapp"  value="{{  $result['obj']->whatsapp   }}" class="form-control" >
					</div>
 				</div>
				<!-- col end -->
			</div>
			<div class="row">
				<!-- col start -->
				<div class="col-12 col-md-4">
 				</div>
				<!-- col end -->
				<!-- col start -->
				<div class="col-12 col-md-6">
					<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();

     const submitBtn = document.getElementById('submitBtn');
  submitBtn.disabled = true;

    const formData = new FormData(formId);
    const url = '{{ route('backend.social.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