@extends('layouts.template')
@section('content')
<div class="page-header">
    <h1 class="page-title font_lato">New Apointments </h1>
    <div class="page-header-actions">
        <ol class="breadcrumb">
            <li><a href="{{URL::to('/dashboard')}}"> {{ trans('app.home')}} </a></li>

            <li class="active"> {{ trans('app.account')}} </li>
        </ol>
    </div>
</div>

<div class="page-content" ng-app="">	
    <div class="panel">
        <div class="panel-body container-fluid">
            <!------------------------start insert, update, delete message ---------------->
            <!------------------------start insert, update, delete message ---------------->
            <div class="row">
                @if(session('msg_success'))
                <div class="alert dark alert-icon alert-success alert-dismissible alertDismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <i class="icon wb-check" aria-hidden="true"></i> 
                    {{session('msg_success')}}
                </div>
                @endif
                @if(session('msg_update'))
                <div class="alert dark alert-icon alert-info alert-dismissible alertDismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <i class="icon wb-check" aria-hidden="true"></i> 
                    {{session('msg_update')}}
                </div>
                @endif
                @if(session('msg_delete'))
                <div class="alert dark alert-icon alert-danger alert-dismissible alertDismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <i class="icon wb-check" aria-hidden="true"></i> 
                    {{session('msg_delete')}}
                </div>
                @endif
            </div>

            <div class="row">
            <div class="col-md-5">
          <!-- general form elements -->
          <div class="box box-primary">
            
            <!-- /.box-header -->
            <!-- form start -->
             {{ Form::open(['url' => 'saveapoints', 'class' => 'form-horizontal', 'method' => 'post', 'files'=>true]) }}
              <div class="box-body">
              
                <div class="form-group">
                  <label for="exampleInputEmail1">Mobile</label>
                  <input type="text" max-length="11" name="mobile" class="form-control" id="exampleInputEmail1" placeholder="01XXXXXXXXX">
                </div>
                  <div class="form-group">
                  <label for="exampleInputEmail1">Name</label>
                  <input type="text" name="custname" class="form-control" id="exampleInputEmail1" placeholder="Enter Name">
                </div>
                <div class="form-group">
                  <label>Schedule Time</label>

                  <div class="input-group">
               
                            <input type="text" class="form-control" name="scdultime"  data-plugin="timepicker">
                      

                    <div class="input-group-addon">
                      <i class="fa fa-clock-o"></i>
                    </div>
                  </div>
                  <!-- /.input group -->
                </div>
                 <div class="form-group">
              
                  <label for="exampleInputEmail1">Service</label>
                  <select class="form-control" name="service[]" multiple="multiple">
                       <option>---Select---</option>
                    @foreach ($ginfo as $value)
                        {
                        <option   value='{{ $value->id }}'>{{ $value->service }}</option>
                        }
                        @endforeach
                     
                  </select> 
                </div>
                 <div class="form-group">
              
                  <label for="exampleInputEmail1">Status</label>
                  <select class="form-control" name="status" >
                       <option selected="selected">In-Queue</option>
                       <option>Running</option>
                  
                     
                  </select> 
                </div>

<div class="form-group">
                  
                  <label for="exampleInputEmail1">Staff</label>
                  <select class="form-control" name="concern">
                    <option>---Select---</option>
                   @foreach ($employee as $employeeviwe)
                        {
                        <option   value='{{ $employeeviwe->id }}'>{{ $employeeviwe->name }}</option>
                        }
                        @endforeach
                     
                  </select> 
                </div>

<div class="form-group">
                  
                  <label for="exampleInputEmail1">Appointment notes</label>
                   <textarea rows="3" name="remarks" class="form-control"></textarea>
                </div>


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

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
             {{ Form::close() }}
          </div>
          <!-- /.box -->
 

        </div>
        <div class="col-md-7">
             
 @if(isset($apointinfo))
                  <table class="table table-striped table-bordered table-responsive table-hover ">
            <thead>
            <th >Token</th>
                <th >Customer</th>
                 <th>Staff</th>
                <th>Schedule</th> 
                <th >Status</th>
                        
              
                <th >Actions</th>
            </thead>
                        @foreach($apointinfo as $value)
            <tr>
                <td>{{ $value->tokeno }}</td>
                <td>{{ $value->custname }}</td>
                <td>{{ $value->concern }}</td>
                <td>{{ $value->scdultime }}</td>
                <td>{{ $value->status }}</td>
              
          
            
                
                <td>
                   <div class="btn-group">
                    <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-cog" aria-hidden="true"></i>  <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#" value="&&&&&&&&&&&"  data-toggle="modal" class="ftsmodal" data-target="#myModal">Update</a>
          </li>
                        @if($value->status=="In-Queue")<li><a href="{{ URL::to('/startservice/'.$value->id) }}">Start</a></li>@endif
                        <li>
                        	<button data-placement="top" data-toggle="modal" rel="tooltip" title="{{ trans('app.delete')}}"  data-original-title="{{ trans('app.delete')}}"  class="btn btn-icon btn-danger btn-outline btn-round" data-target=".exampleNiftyFlipVertical"  type="button" data-href="{{URL::to('/deleteapoints/',$value->id)}}"><i class="icon fa-remove" aria-hidden="true"></i> Remove</button>
		</li>
                    </ul>
                    </div>
                </td>
            </tr>
            @endforeach
        </table>
                <nav>
{{ $apointinfo->links()}}
</nav>
             @endif
            </div>
            </div>
        </div>
             {{ Form::open(['url' => 'updateapoints', 'class' => 'form-horizontal', 'method' => 'post', 'files'=>true]) }}
<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">Update Service and Invoice</h4>
      </div>
      <div class="modal-body">


<div class="col-md-12">
<script>
$(document).ready(function(){
       $(".ftsmodal").click(function(){
       var getvalue=$(this).attr('value');
       var data=getvalue.split('&');
       var id=data[0];
      
        
     //  alert(data[7]);
     $('#apid').val(id);
$('#custname').val(data[1]);
$('#mobile').val(data[2]);
$('#token').val(data[3]);
$('#schedule').val(data[4]);
 $("#status option[value='"+data[6]+"']").prop('selected', true);
 $("#service").val(data[7].split(','));

$('#remarks').html(data[9]);
$('#paytype').val(data[10]);
$('#flat_discount').val(data[11]);
/*$('#planid').html(data[7]);
$('#nid').html(data[8]);
$('#passport').html(data[9]);
$('#regid').html(data[10]);*/
    });
});
</script>
<div class="form-group">
    <div class="col-md-6">
                  <label for="exampleInputEmail1">Name</label>
                  <input type="text"  name="custname" class="form-control" id="custname" disabled>
                   <input type="hidden"  name="apid" class="form-control" id="apid">
    </div>
      <div class="col-md-6">
           <label for="exampleInputEmail1">Mobile</label>
                  <input type="text"  name="mobile" class="form-control" id="mobile">
                  
          </div>
 </div>
 <div class="form-group">
    <div class="col-md-6">
                  <label for="exampleInputEmail1">Schedule Time</label>
                  <input type="text" disabled  name="schedule" class="form-control" id="schedule">
    </div>
      <div class="col-md-6">
           <label for="exampleInputEmail1">Token</label>
                  <input type="text" disabled  name="token" class="form-control" id="token">
          </div>
 </div>
  <div class="form-group">
              <div class="col-md-6">
                  <label for="exampleInputEmail1">Service</label>
                  <select class="form-control" name="service[]" id="service" multiple="multiple">
                    @foreach ($ginfo as $value)
                        {
                        <option   value='{{ $value->id }}'>{{ $value->service }}</option>
                        }
                        @endforeach
                     
                  </select> 
                  </div>
                  <div class="col-md-6">
           <label for="exampleInputEmail1">Note</label>
                  <Textarea   name="remarks" class="form-control" id="remarks" style="height:86px"></textarea>
          </div>
                </div>
                   <div class="form-group">
       <div class="col-md-6">
            <label for="exampleInputEmail1">Pay With</label>
                  <select class="form-control" name="paytype" id="paytype" >
                        <option value="None" selected="selected">---Select---</option>
                       <option>Cash</option>
                       <option>Card</option>
                        <option>Bkash</option>
                  </select> 
                
       </div>
              <div class="col-md-6">
                  <label for="exampleInputEmail1">Special Discount</label>
                <input type="text"  name="flat_discount" class="form-control" id="flat_discount">
                  </div>
                </div>
   <div class="form-group">
       <div class="col-md-6">
           <label for="exampleInputEmail1">Staff Name</label>
                  <select class="form-control" name="concern" id="concern">
                   @foreach ($employee as $employeeviwe)
                        {
                        <option   value='{{ $employeeviwe->id }}'>{{ $employeeviwe->name }}</option>
                        }
                        @endforeach
                     
                  </select> 
       </div>
              <div class="col-md-6">
                  <label for="exampleInputEmail1">Status</label>
                  <select class="form-control" name="status" id="status" >
                       <option>In-Queue</option>
                       <option>Running</option>
                        <option>Complete</option>
                  </select> 
                  </div>
                </div>

</div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
  {{ Form::close() }}
        <div style="clear:both;"></div>
    </div>
    <!-- /.row -->

</div><br/>
@stop