@extends('layouts.app')
@section('pagetitle')
@stop
@section('title')
<h1>ข้อมูลลูกค้า <small>จัดการข้อมูลลูกค้า</small></h1>
    

@stop
 

 


@section('content')
<div class="main-container  " >
 <div class="table-responsive">
 
    <table class="table table-bordered table-striped">
      <thead>
        <tr class="btn-info">
          <td width="10%" align="center">ที่</td>
          <td align="center">ชื่อลูกค้า</td>
          <td align="center">เลขประจำตัวผู้เสียภาษี </td>
          <td align="center">เบอร์โทร</td>
          <td align="center">ที่อยู่</td>
           <td align="center">ระดับลูกค้า</td>
          <td width="15%" align="center"> <a class=" btn btn-primary btn-xs" onClick="addType();"> เพิ่มลูกค้า</a></td>
        </tr>
      </thead>
      <tbody>
              @foreach($customers as $customer)
      <tr>
        <td align="center">{{++$r}}</td>
        <td align="center">{{$customer->name}}</td>
        <td align="center">{{$customer->tax_id}}</td>
        <td align="center">{{$customer->tel}}</td>
        <td align="center">{{$customer->address}}</td>
        <td align="center">{{$customer->price_level}}</td>
        <td align="center">
        <a class="btn btn-info btn-xs"
        onClick="editType('{{$customer->id}}','{{json_encode($customer->name)}}' , '{{json_encode($customer->tel)}}' , '{{json_encode($customer->address)}}' ,'{{json_encode($customer->tax_id)}}' , '{{json_encode($customer->price_level)}}')">แก้ไข</a> 
          <a class="btn btn-danger btn-xs" href="{{url('admin/customers/delete/'.$customer->id)}}" onClick="return confirm('ยืนยันการลบข้อมูลลูกค้า {{$customer->name}} ')">ลบ</a></td>
      </tr>
      @endforeach
        </tbody>
      
    </table>
 </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">เพิ่มข้อมูลประเภทสินค้า </h4>
      </div>
      <form class="form-horizontal" role="form" id="form" method="POST" action="{{ url('admin/customers/create') }}">
        <div class="modal-body"> {{ csrf_field() }}
          <input type="hidden" name="id" id="id">
          <div class="form-group ">
            <label for="name" class="col-sm-4 control-label" id="z_name">ชื่อลูกค้า</label>
            <div class="col-sm-8">
              <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required >
            </div>
          </div>
          <div class="form-group ">
            <label for="tax_id" class="col-sm-4 control-label" id="z_tax_id">เลขประจำตัวผู้เสียภาษี</label>
            <div class="col-sm-8">
              <input id="tax_id" type="text" class="form-control" name="tax_id" value="{{ old('tax_id') }}" maxlength="13"  pattern="[0-9]{13}" >
            </div>
          </div>
          <div class="form-group ">
            <label for="tel" class="col-sm-4 control-label" id="">เบอร์โทร</label>
            <div class="col-sm-8">
              <input id="tel" type="text" class="form-control" name="tel" value="{{ old('tel') }}"  >
            </div>
          </div>
          <div class="form-group ">
            <label for="address" class="col-sm-4 control-label" id="z_name">ที่อยู่</label>
            <div class="col-sm-8">
              <textarea  class="form-control" name="address"  id="address" placeholder="ที่อยู่"   rows='3'>{{ old('address') }}</textarea>
            </div>
          </div>
        </div>
        <div class="form-group ">
            <label for="price_level" class="col-sm-4 control-label" id=" ">เรทราคา</label>
            <div class="col-sm-8">
              <select name="price_level" id="price_level" class="form-control">
              	
            @foreach(['price1'=>'ราคาที่ 1','price2'=>'ราคาที่ 2','price3'=>'ราคาที่3 ','price4'=>'ราคาที่ 4','price5'=>'ราคาที่ 5'] as $key => $price)
                <option value="{{$key}}">{{$price}}</option>
                @endforeach
              </select>
            </div>
          </div>
        <div class="modal-footer">
          <button type="reset" class="btn btn-default" data-dismiss="modal">ยกเลิก</button>
          <button type="submit" class="btn btn-primary">บันทึก</button>
        </div>
      </form>
    </div>
  </div>
</div>
@stop
@section('style')
 
<link rel="stylesheet" href="{{asset('datatable/css/dataTables.bootstrap.min.css')}}" />
@stop
@section('script')
<script>
   function addType()
   {
	 $('#myModalLabel').html('เพิ่มลูกค้า');
	$('#z_name').html('ชื่อลูกค้า');
	$('#name').val("");
	$('#tel').val("");
	$('#address').val("");
	$('#id').val("");
	$('#tax_id').val("");	
	$('#price_level').val("");	
	$('#form').prop('action','