@extends('admin.layouts.master')
@section('title', 'Dashboard')
@section('content')
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">Charges</div>
                </div>
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{route('admin.deshbord')}}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Charges</li>
                </ol>
            </div>
        </div>
      <div class="container">
 	<div class="row">
 		<div class="col-md-12">
		  @if(Session::has('message'))
                        <div class="alert alert-primary" role="alert">
                            {{ Session::get('message') }}
                        </div>
                        @endif
 			<div class="card">
 				<div class="card-header">
 					<div class="row">
 						<div class="col-md-8">
 							<p class="text-dark">Assigned List</p>
 						</div>
 						{{-- <div class="col-md-4 text-right">
 							<a href="{{url('admin/addbuyer')}}" class="btn btn-primary"><i class="fa fa-plus"></i> Add New Buyer</a>
 						</div> --}}
 					</div>
 				</div>
 				<div class="card-body">
					<div class="table-responsive">
 					<table id="buyertable" class="table table-bordered">
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>S.no</th>
								 <th>Sub Catgory Name</th>
								 <th>Charges</th>
								 <th>Currency</th>
 								 <th>Update Price</th>
								  <th>Update Currency</th>
                            </tr>
 						</thead>
 						<tbody class="tbody text-center">
							 @foreach ($Charges as $item)
							 <tr>
								<td>{{ $loop->index+1 }}</td>
								<td>
									<form action="{{route('update.subcategory')}}" method="post">
										@csrf
										<input type="hidden" name="sub_id" value="{{$item->id}}">
										<input type="text" name="subcat_name" value="{{ $item->name }}">
									</form>
								</td>
								<td>{{ $item->charges->price }}</td>
								<td>{{ $item->charges->currency }}</td>
								<td>
                                    <form action="{{route('charges.admin.update')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="id" value="{{$item->charges->id}}">
                                        <input type="number" name="price" value="{{$item->charges->price}}">
										<input type="hidden" name="currency" value="{{$item->charges->currency}}">
									</form>
                                </td>								
								<td>
									<select class="control-form currencychange" name="currency" id="currencychange">
										<option id="usd" data-id="{{ $item->charges->id }}" {{ ($item->charges->currency == 'usd') ? "selected" : ''}} >usd</option>
										<option id="jmd" data-id="{{ $item->charges->id }}" {{ ($item->charges->currency == 'jmd') ? "selected" : ''}}>jmd</option>
									</select>
                                </td>			

							</tr>
							 @endforeach
						
 						</tbody>
 					</table>
				</div>
 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->

       
        
      
        
     
    </div>
</div>
<!-- end page content -->
@endsection

@section('scripts')
<script>

$(document).ready(function(){

	$('.currencychange').on('change',function(){
	var ChargeRate = $(this).children(":selected").attr("id");
	var chargeid = $(this).children(":selected").attr("data-id");

	$.ajax({
		headers:{
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
		url:"{{route('charges.currencyupdate')}}",
		type:'post',
		data:{charge_id:chargeid,charge:ChargeRate},

		success:function(data){
			// console.log(data);
			if (data.status == true) {
				alert(data.message);
				location.reload();
			}
		}


	});


});
})

</script>
@endsection