@extends('layouts.master')

@section('content')
<section class="content-header">
      <h1>
قطاعات  الفاتورة          
 
      </h1>
      
    </section>
    <br/>
    
<div class="box">
             
             
            <!-- /.box-header -->
            <div class="box-body">
            <form dir="rtl" method="POST" action="{{ url('/bills/create') }}">
            {{ csrf_field() }}
              <table dir="rtl"  id="example" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th style="text-align:center">القطاع</th>
                  <th style="text-align:center">الصنف</th>
                  <th style="text-align:center">العدد </th>
                  <th style="text-align:center">اللون </th>
                  <th style="text-align:center">الوزن </th>
                  <th style="text-align:center">السعر </th>
                </tr>
                </thead>

                 <tbody>

                 
                
                                  
                            
                </tbody>
                      
                
              </table>

               
              <div class="form-group">
                   <label for="exampleInputEmail1">اسم العميل</label>
                <select class="form-control select2" style="width: 100%;" name="customer_id" required>
                @foreach($customers as $customer)
                  <option value="{{$customer->id}}">{{$customer->name}}</option>
                @endforeach
                </select>
                </div>


                <div class="form-group">
                   <label for="exampleInputEmail1">سعر الشحن</label>
                  <input type="number" step="any" name="transport"  class="form-control"  placeholder="سعر الشحن  " required>
                </div>

                <div class="form-group">
                <button type="submit" class="btn btn-success" >
                                    <i class="fa fa-btn btn-big fa-save"></i> حفظ الفاتورة
                                </button>
               </div>

               
                         

         
                   
              </form>
            </div>
            <!-- /.box-body -->
          </div>
<script>

</script>
@endsection