@extends('layouts.AdminMaster')
@yield('sessions')
@section('title', 'Orders')

@section('content')



	<table class="table table-hover table-striped table-bordered">

		<tr>
			<td>Invoice No</td>
			<td>Date</td>
			<td>Amount</td>
			<td>Payment Type</td>
			<td>Status</td>
		</tr>


		@foreach($orders as $order)
			

			<tr data-id="{{$order->invoice_id}}">
				<td>{{$order->invoice_id}}</td>
				<td>{{$order->date}}</td>
				<td>{{$order->total}}</td>
				<td>{{$order->payment_type}}</td>
				<td>
					{!! Form::open(['url' => ['admin/confirm/orders'], 'method' => 'POST']) !!}
					<input type="hidden" value="{{$order->invoice_id}}" name="invoice_id">
					<select class="form-control status" name="status" invoice-id="{{$order->invoice_id}}">
						<option value="{{$order->status}}">{{$order->status}}</option>
						<option value="Delivered">Mark As Delivered</option>
					</select>
						{!! Form::close() !!}
				</td>
			</tr>

			
		@endforeach


	</table>


@endsection

@section('scripts')
    <script>
    $(document).ready(function(){

        $('.status').change(function(e){
        	//alert('change');
            e.preventDefault();

            var row = $(this).parents('tr');
            var id = row.data('id');
            console.log();
            var form = $(this).parents('form');
            // // console.log(form.attr('id'));
             var url = form.attr('action');
            var data = form.serialize();
            // console.log(url);
            //row.fadeOut();

            $.post(url, data, function(result){
                console.log(result);
                if(result == 'success')
                {
                	row.fadeOut();
                }
                else
                {
                	alert('update fails');
                }
                // $('#message').html(result.message);
                // $('#alert_type').attr('class', 'alert '+result.alert_type+' alert-dismissable');
            });
        });
    });
    </script>
@endsection