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

<!-- Main Content -->

            <div class="container-fluid">

				<!-- Title -->
				<div class="row heading-bg" style="background-color:  {!! \App\Helper::barColor() !!}">
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
						<h5 class="txt-light">{!! \App\Helper::panelName() !!}</h5>
					</div>
					<!-- Breadcrumb -->
					<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
						<ol class="breadcrumb">
						    <li><a href="{{ url('/') }}"><span class="font-nexa">{!! \App\Helper::panelName() !!}</a></li>
							<li><a href="{{ url('/') }}">Auto Add Saldo</a></li>
						</ol>
					</div>
					<!-- /Breadcrumb -->
				</div>
				<!-- /Title -->

				<div class="row">

				    <div class="col-xs-12 col-md-12">
				        <div class="panel panel-default" style="color: {!! \App\Helper::barColor() !!}">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-xs-2">
                                        <span class="label" style="background-color: {!! \App\Helper::barColor() !!}">{{ auth()->user()->level }}</span>
                                    </div>
                                    <div class="col-xs-10 text-right">
                                        <h6>{!! \App\Helper::panelName() !!} Auto Add Saldo</h6>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid {!! \App\Helper::barColor() !!}">

                        <div class="row">
                        <div class="text-left col-md-6">
                            <a href="#" class="btn btn-md btn-success col-sm-12 col-lg-4 col-md-5" data-toggle="modal" data-target="#createModal"><i class="ti ti-plus"></i> Add Services</a>
                        </div>
                        <div class="text-right col-md-6">
                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username" name="search" id="search" aria-describedby="basic-addon2">
                        </div>
                        </div>
                    <br>
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover" id="users-table">
                            <thead>
                                <tr>
                                    <th>SID</th>
                                    <th>Type</th>
                                    <th>Kat</th>
                                    <th>Layanan</th>
                                    <th>Note</th>
                                    <th>Min</th>
                                    <th>Max</th>
                                    <th>Harga/1k</th>
                                    <th>PID</th>
                                    <th>Provider</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($service as $data)
                                <form class="form-group" action="/admin/service/update/{{$data->id}}" method="POST">
                                    {{csrf_field()}}
                                <tr>
                                    <td>
                                        <input type="number" name="sid" value="{{$data->sid}}" class="form-control" onkeyup="edit(,'sid',this.value);">
                                    </td>
                                    <td>
                                        <input type="text" name="type" value="{{$data->type}}" class="form-control" onkeyup="edit(,'type',this.value);">
                                    </td>
                                    <td width="10%">
                                        <select name="category" class="form-control" onchange="edit(,'category',this.value);" id="">
                                            
                                            <option value="IGL">Instagram Like</option>
                                            <option value="IGF">Instagram Follower</option>
                                            <option value="IGV">Instagram Views</option>
                                            <option value="OTHER">Others</option>
                                            
                                        </select>
                                    </td>
                                    <td>
                                        <input type="text" name="service" value="{{$data->service}}" class="form-control" onkeyup="edit(,'service',this.value);">
                                    </td>
                                    <td>
                                        <input type="text" name="note" value="{{$data->note}}" class="form-control" onkeyup="edit(,'note',this.value);">
                                    </td>
                                    <td>
                                        <input type="number" name="min" value="{{$data->min}}" class="form-control" onkeyup="edit(,'min',this.value);">
                                    </td>
                                    <td>
                                        <input type="number" name="max" value="{{$data->max}}" class="form-control" onkeyup="edit(,'max',this.value);">
                                    </td>
                                    <td>
                                        <input type="price" name="price" value="{{$data->price}}" class="form-control" onkeyup="edit(,'price',this.value);">
                                    </td>
                                    <td>
                                        <input type="number" name="pid" class="form-control" onkeyup="edit(,'pid',this.value);" value="{{$data->pid}}">
                                    </td>
                                    <td width="10%">
                                        <select name="provider" class="form-control" onchange="edit(,'provider',this.value);" id="">
                                            
                                            <option value="JAP">JAP</option>
                                            <option value="MENTALIS">MENTALIS</option>
                                            
                                        </select>
                                    </td>
                                    <td width="10%">
                                        <select name="status" id="" class="form-control" onchange="edit(,'status',this.value);">
                                            <option value="active" @if($data->status == 'active') selected @endif>acive</option>
                                            <option value="nonactive" @if($data->status == 'nonactive') selected @endif>nonactive</option>
                                        </select>
                                    </td>
                                    <td>
                                        <a href="/admin/data/delete/{{$data->id}}" class="btn btn-sm btn-danger" > <i class="ti ti-trash"></i> </a>
                                    </td>
                                </tr>
                                </form>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <li>{{$service->links()}}</li>

                   
				    </div>

<!-- Modal Bootstrap Create User -->

        <div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="createModalLabel">Add Services</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <form class="form-group" action="/admin/data/create" method="POST">
                {{csrf_field()}}
              <div class="modal-body">

                <label>SID</label>
                <input type="number" class="form-control" name="sid" required>
                <label>Type</label>
                <input type="text" class="form-control" name="type" required>
                <label>Cat</label>
                <select name="category" class="form-control" id="">
                    <option value="IGL">Instagram Like</option>
                </select>
                <label>Service</label>
                <input type="text" class="form-control" name="service" required>
                <label>Note</label>
                <textarea class="form-control" name="note">
                    
                </textarea>
                <label>Min</label>
                <input type="number" class="form-control" name="min" required>
                <label>Max</label>
                <input type="number" class="form-control" name="max" required>
                <label>Price</label>
                <input type="number" class="form-control" name="price" required>
                <label>PID</label>
                <input type="number" class="form-control" name="pid" required>
                <label>Provider</label>
                <select name="provider" class="form-control" id="">
                    
                    <option value="JAP">JAP</option>
                    <option value="MENTALIS">MENTALIS</option>
                    
                </select>
                
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Create</button>
              </div>
              </form>
            </div>
          </div>
        </div>

        <!-- End Modal Bootstrap Create User -->


				</div>



    </div>




			</div>

@endsection

	@section('js')


<script>
function edit(id,tipe,val){
        var data = tipe+"="+val;
        $.ajax({
            type: 'GET',
            url: '/admin/data/update/' + id + '/' +tipe,
            data: data,
            success:function(data){
                // $('tbody').html(data);
            }
        });
    }
</script>
@endsection