@extends('admin.layouts.master')
@section('title', __('Label.Edit Level'))
@section('content')
  
    <!-- Start: Body-Content -->
    <div class="body-content">
      <!-- mobile title -->
      <h1 class="page-title-sm">@yield('title')</h1>

      <div class="border-bottom row mb-3">
      	<div class="col-sm-10">
      		<ol class="breadcrumb">
      			<li class="breadcrumb-item">
      				<a href="{{ route('dashboard') }}">{{__('Label.Dashboard')}}</a>
      			</li>
      			<li class="breadcrumb-item">
      				<a href="{{ route('level') }}">{{__('Label.Level')}}</a>
      			</li>
      			<li class="breadcrumb-item active" aria-current="page">
      				{{__('Label.Edit Level')}}
      			</li>
      		</ol>
      	</div>
      	<div class="col-sm-2 d-flex align-items-center">
      		<a href="{{ route('level') }}" class="btn btn-default mw-120" style="margin-top:-14px">{{__('Label.Level')}}</a>
      	</div>
      </div>

      <div class="card custom-border-card mt-3">
      	<form method="post" action="{{ route('levelUpdate') }}" id="save_edit_level">
      		{!! csrf_field() !!}
      		<div class="form-row">
      			<div class="col-md-6 mb-3">
      				<div class="form-group">
      					<label for="name">{{__('Label.NAME')}}</label>
      					<input name="name" type="text" value="{{$result->name}}" class="form-control" id="name" placeholder="Please Enter Level">
      				</div>
      			</div>
      			<div class="col-md-6 mb-3">
      				<div class="form-group">
      					<label for="level_order">{{__('Label.LEVEL ORDER NO')}}</label>
      					<input name="level_order" type="number" value="{{$result->level_order}}" class="form-control" id="level_order" placeholder="Enter Level Order">
      				</div>
      			</div>
      		</div>
      		<div class="form-row">
      			<div class="col-md-6 mb-3">
      				<div class="form-group">
      					<label for="score">{{__('Label.SCORE')}}</label>
      					<input name="score" type="number" value="{{$result->score}}" class="form-control" id="score" placeholder="Score">
      				</div>
      			</div>
      			<div class="col-md-6 mb-3">
      				<div class="form-group">
      					<label for="total_question">{{__('Label.TOTAL QUESTION')}}</label>
      					<input name="total_question" type="number" value="{{$result->total_question}}" class="form-control" id="total_question" placeholder="Total Question">
      				</div>
      			</div>
      		</div>
      		<div class="form-row">
      			<div class="col-md-6 mb-3">
      				<div class="form-group">
      					<label for="win_question_count">{{__('Label.NEXT LEVEL QUESTION COUNT')}}</label>
      					<input name="win_question_count" type="number" value="{{$result->win_question_count}}" class="form-control" id="win_question_count" placeholder="Win Question Count">
      				</div>
      			</div>
      		</div>
      		<div class="border-top mt-2 pt-3">
      			<input type="hidden" value="{{$result->id}}" name="id">
      			<button type="button" class="btn btn-default mw-120" onclick="save_edit_level()">{{__('Label.UPDATE')}}</button>
      			<a href="{{route('level')}}" class="btn btn-cancel mw-120 ml-2">{{__('Label.CANCEL')}}</a>
      		</div>
      	</form>
      </div>
    </div>
    <!-- End: Body-Content -->
  </div>
  <!-- End: Right Contenct -->
@endsection

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

  	function save_edit_level(){
		$("#dvloader").show();
  		var formData = new FormData($("#save_edit_level")[0]);
  		$.ajax({
  			type:'POST',
  			url:'{{ route("levelUpdate") }}',
  			data:formData,
  			cache:false,
  			contentType: false,
  			processData: false,
  			success:function(resp){
				$("#dvloader").hide();
          		get_responce_message(resp, 'save_edit_level', '{{ route("level") }}');
  			},
  			error: function(XMLHttpRequest, textStatus, errorThrown) {
				$("#dvloader").hide();
  				toastr.error(errorThrown.msg,'failed');         
  			}
  		});
  	}
  </script>
@endpush