@extends('layouts.master')
@section('css')

@endsection
@section('content')
<div class="page-wrapper">
     @include('partial.flash')
	<div class="container-fluid">
	    
	    <div class="row">
	        <div class="card card-body">
	            <h3 class="box-title m-b-0">Edit Parameter</h3>
	            <p class="text-muted m-b-30 font-13"></p>
	            <form class="form-horizontal" name="create" id="form_parameter"  enctype="multipart/form-data">
	            	<table class="table table-striped table-bordered" >
	            		
            			<thead>
            				<tr>
            					<th>No</th>
            					<th>Meta Key</th>
            					<th>Meta Value</th>
            				</tr>
            			</thead>
	            		<tbody>
	            			@php
	            			$no=1;

	            			@endphp
	            		@foreach ($parameter as $row)
	            			<tr>
	            				<td>{{$no++}}</td>
	            				<td>{{$row->meta_key}}</td>
	            				@if ($row->meta_key == 'semester')
	            				<td><select class="form-control" name="meta-{{$row->id}}">
	            					<option value="1" {{($row->meta_value == 1)?'selected' : ''}}>First Term</option>
	            					<option value="2" {{($row->meta_value == 2)?'selected' : ''}}>Second Term</option>
	            				</select></td>
	            				@else
	            				<td><textarea  class="form-control" type="" name="meta-{{$row->id}}" row="3">{{$row->meta_value}}
	            				</textarea> </td>
	            				@endif
	            				
	            			</tr>
	            		@endforeach
	            		</tbody>

	            		
	            	</table>
	               
	                <div class="form-group m-b-0 text-center">
	                    <button type="button" class="btn btn-success waves-effect waves-light m-r-10" id="save_parameter">Save</button>
                                        
	                </div>
	            </form>
	        </div>
	    </div>
	    

	   
	</div>
	<!-- ============================================================== -->
	<!-- End Container fluid  -->
	<!-- ============================================================== -->
</div>
@endsection
@section('js')
<script type="text/javascript">
$('#save_parameter').click(function(){
    // console.log(save_method)
    

    $.ajax({
      headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
      url : 'parameter',
      type : 'post',
      data : $('#form_parameter').serialize(),
      success: function(response){
      console.log(response);
      
       localStorage.setItem("swal",
                                    swal({
                                        title: 'success',
                                        text:  'Data berhasil disimpan',
                                        type: 'success',
                                        timer: 3500,
                                        showConfirmButton: false
                                    })
                            );
      //  $('#form_course')[0].reset();
      //  $('#modal-edit').modal('hide');
      // table.ajax.reload();
      },
      error: function (xhr){
        console.log(xhr);
      }
    });
  })
</script>
@endsection