@extends('layouts.admin')

@section('content')


  <!-- ======================= Content Wrapper ========================= -->
  <div class="content-wrapper">
    <!-- ======================= Content Header ========================= -->
    <section class="content-header">
      <h1>
        Terminal Management
        <small>Add, view and edit Terminal </small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/Dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="/Product">Product</a></li>
        <li><a href="/Product/List">List</a></li>
        <li class="active">Category</li>
      </ol>
    </section>
    <!-- ======================= / Content Header ========================= -->


    <!-- ======================= Main Content ========================= -->
    <section class="content">
      <div class="box box-info">
        <!-- /.box-header -->
        <div class="box-header">
          <button class="btn btn-flat bg-olive" data-toggle="modal" data-target="#NewBankModal">New Terminal</button>
        </div>
        <div class="box-body">

        
          
          <table id="TerminalList" class="table table-bordered table-striped dataTable table-condensed">
            <thead>
              <tr>
                <th> Shop Name</th>
                <th> Floor Name</th>              
                <th> Terminal Name</th>
                <th> Action</th>
              </tr>         
            </thead>
            <tbody>
            @foreach($Terminal as $Category)
              <tr>
              <td>{{$Category->ShopName}}</td>
              <td>{{$Category->FloorName}}</td>               
              <td>{{$Category->TerminalName}}</td>               


              <td>
              <button  type="button" class="btn btn-flat bg-orange EditCategory" name="EditCategory[]"><i class="fa fa-pencil-square-o"></i></button>
              <button  type="button" class="btn btn-flat bg-maroon TerminalDelete" name="TerminalDelete[]"><i class="fa fa-trash"></i></button>
              <input type="hidden" class="CategoryID" name="CategoryID[]" value="{{$Category->ID}}">
              <input type="hidden" class="ProductCategoryName" name="ProductCategoryName[]" value="{{$Category->Name}}">
              </td>
              </tr>

            @endforeach
              
              <input type="hidden" id="CategoryIDHidden" value="0">
              <input type="hidden" id="TableIDforDelete" value="0">
            </tbody>


                          
          </table>
        </div>
      </div>

      <!-- =================== New Terminal Modal ===================-->
      <div class="modal" id="NewBankModal" role="dialog">
        <div class="modal-dialog">
          <!-- =================== Modal content =================== -->
            <div class="modal-content">

              <div class="modal-header">
                <h1 class="modal-title text-center">
                  <p class="label label-primary">Add New Terminal</p>
                </h1>
              </div>

              <div class="modal-body">

                <form method="POST" action="{{URL::to('/Terminal/New/')}}" class="form-horizontal">

                  <input type="hidden" name="_token" value="{{csrf_token()}}">
                  <!-- {{ Form::open(array('url' => '/Table/New', 'class' => 'form-horizontal','enctype'=>'multipart/form-data','role'=>'form')) }} -->

                    <div class="form-group">


                      <label for="" class="col-md-2">Shop</label>
                      <div class="col-md-4">
                        <select name="Shop" id="Shop" class="form-control">
                          @foreach($Shop as $data)
                            <option value="{{$data->ShopID}}">{{$data->ShopName}}</option>
                          @endforeach
                        </select>              
                      </div>

                      <label for="" class="col-md-2">Floor</label>
                      <div class="col-md-4">
                        <select name="Floor" id="Floor" class="form-control">
                          @foreach($Floor as $data)
                            <option value="{{$data->ID}}">{{$data->Name}}</option>
                          @endforeach
                        </select>              
                      </div>

                     

                    </div>

                    <div class="form-group">

                      <label for="" class="col-md-2">Name</label>
                      <div class="col-md-4">
                        <input type="text" id="TerminalName" class="form-control" placeholder="Terminal Name" name="TerminalName">
                      </div>

                      

                      <label for="" class="col-md-2">Capacity</label>

                      <div class="col-md-4">

                        <input type="number" step=".0001" id="TableCapacity" class="form-control" id="TableCapacity" placeholder="Table Capacity" name="TableCapacity">                   

                      </div>


                      

                      <!-- <span class="input-group-btn"> -->

                      
                      <!-- </span>                -->
                    </div>

                <!-- {{ Form::close() }} -->
              </div>

              <div class="modal-footer">

                <div class="col-md-6 col-md-offset-2">

                <input type="submit" class="btn btn-flat btn-success" value="Add New Terminal">

              <!-- {{ Form::submit('Add New Table', array('class'=>'btn btn-success btn-flat form-control','name'=>'submit')) }} -->
            

                </div>

                <button type="button" type="button" class="btn bg-maroon btn-flat" data-dismiss="modal">Cancel</button>

              </div>
            </div>
          </form>
        </div>
      </div>
      <!-- =================== New Table Modal ===================-->



       <!-- =================== Terminal Edit  Modal ===================-->
      <div class="modal" id="CategoryEditModal" role="dialog">
        <div class="modal-dialog">
          <!-- =================== Modal content =================== -->
            <div class="modal-content">

              <div class="modal-header">
                <h1 class="modal-title text-center">
                  <p class="label label-primary">Edit Terminal</p>
                </h1>
              </div>

              <div class="modal-body">



              <form method="POST" action="{{URL::to('/Terminal/Update/')}}" class="form-horizontal">

                  <input type="hidden" name="_token" value="{{csrf_token()}}">
                  <input type="hidden" name="TerminalID" id="TerminalID">
                  <!-- {{ Form::open(array('url' => '/Table/New', 'class' => 'form-horizontal','enctype'=>'multipart/form-data','role'=>'form')) }} -->

                    <div class="form-group">


                      <label for="" class="col-md-2">Shop</label>
                      <div class="col-md-4">
                        <select name="Shop" id="ShopEdit" class="form-control">
                          @foreach($Shop as $data)
                            <option value="{{$data->ShopID}}">{{$data->ShopName}}</option>
                          @endforeach
                        </select>              
                      </div>

                      <label for="" class="col-md-2">Name</label>

                      <div class="col-md-4">

                        <input type="text" id="TerminalNameEdit" class="form-control" placeholder="Terminal Name" name="TerminalNameEdit">                   

                      </div>

                    </div>

                    <div class="form-group">

                      <label for="" class="col-md-2">Floor</label>

                      <div class="col-md-4">

                        <select name="Floor" id="FloorEdit" class="form-control">
                          @foreach($Floor as $data)
                            <option value="{{$data->ID}}">{{$data->Name}}</option>
                          @endforeach

                        </select>

                        <!-- <input type="text" id="FloorEdit" class="form-control" placeholder="Floor Selection" name="Floor">                    -->

                      </div>

                      <label for="" class="col-md-2">Open/Close</label>

                      <div class="col-md-4">

                        <select name="TerminalOpen" id="TerminalOpen" class="form-control">
                          <option value="0">Close</option>
                          <option value="1">Open</option>
                        </select>                          

                      </div>

                    </div>
      

                
              </div>

              <div class="modal-footer">

                <div class="col-md-6">
                  <input type="submit" class="btn btn-flat bg-orange" value="Update Table">
                </div>
                <button type="button" class="btn bg-maroon btn-flat" data-dismiss="modal">Cancel</button>
              </div>
            </div>
            </form>
        </div>
      </div>
      <!-- =================== Table Edit Modal ===================-->
    </section>
    <!-- ======================= / Main Content ========================= -->

  </div>
  <!-- ======================= / Content Wrapper ========================= -->
  <script>
    $(document).ready(function() {
      $('#TerminalList').DataTable();

      $('#CategoryIDHidden').hide();
      $('#TableIDforDelete').hide();
       $('#TerminalList tbody').on('click', '.EditCategory', function ()
        {
          var index=$('[name="EditCategory[]"]').index(this);
          var ID=$('input[name="CategoryID[]"]').eq(index).val();
          var Name=$('input[name="ProductCategoryName[]"]').eq(index).val();
          $('#TerminalID').val(ID);
          $.get('/Terminal/Details/'+ID,function(data)
          {
            var Terminal=JSON.parse(data);
            var TerminalName=Terminal[0].Name;
            var ShopID=Terminal[0].ShopID;
            var Floor=Terminal[0].FloorID;
            var OpenTest=Terminal[0].IsOpen;
            //var Capacity=Terminal[0].Capacity;
            $('#TerminalNameEdit').val(TerminalName);
            $('#ShopEdit').val(ShopID);
            $('#FloorEdit').val(Floor);
            $('#TerminalOpen').val(OpenTest);
            //$('#TableCapacityEdit').val(Capacity);
            //$('#ShopEdit').val(ShopID);
          });
        $('#CategoryIDHidden').val(ID);
        $('#TerminalID').val(ID);
        $('#CategoryEditModal').modal('show');
      });



      $('#TerminalList tbody').on('click', '.TerminalDelete', function ()
        { 
      //$('.TableDelete').click(function()

        //{
          var index=$('[name="TerminalDelete[]"]').index(this);
          var ID=$('input[name="CategoryID[]"]').eq(index).val();
          $('#TableIDforDelete').val(ID);
          alertify.confirm('Delete Table', 'Are you sure you want to Delete This Table?',function(){

            //var ID=$('#TableIDforDelete').val();
            alert(ID);
            $.get('/Terminal/Delete/'+ID,function(data)
            {
              location.reload(true);
            });

         },function(){ alertify.error('Cancel')});
        });



    
      $('#EditProductCategory').on('submit',function(event)
      {
        event.preventDefault();
        var CategoryName=$('#EditCategoryName').val();
        var Cat=$('#CategoryIDHidden').val();
        //alert(Cat);

        $.get('/Product/Category/Update/'+Cat+"/"+CategoryName,function(data)
        {

          location.reload(true);

        });



      

      });
  } );
  </script>
@endsection