{{-- Extends layout --}}
@extends('layout.default')
@section('content')
    <div class="container-fluid">
        <div class="page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{URL::to('/facility')}}">Facility</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Layout</a></li>
            </ol>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-primary">
                        <div class="card-body">
                            <form id="organisation_form" class="form-horizontal" action="{{URL::to('/layout_create_post')}}" method="post" onsubmit="return validation();" autocomplete="off" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                <div class="card bg-light">
                                    <div class="card-header">
                                        <h5 class="card-title">{{$facilities->facility_name}}</h5>
                                    </div>
                                    <div class="card-body mb-0">
                                        <p class="card-text">
                                            <b>Organisation Name :</b> {{$facilities->organisation->organisation_name}}&nbsp;&nbsp;{{$facilities->organisation->city}}<br>
                                            <b>Number of Seats :</b> {{$facilities->noofseats}}
                                        </p>
                                    </div>
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Total Number of Rows</label>
                                    <input type="text" class="form-control" id="total_rows" name="total_rows" maxlength="3" onkeypress="return isNumber(event);"> 
                                    <input type="hidden" name="facility_id" id="facility_id" value="{{$facilities->id}}">
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Maximum Seat in a Row</label>
                                    <input type="text" class="form-control" id="maxinarow" name="maxinarow" maxlength="3" onkeypress="return isNumber(event);">
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Total Seats (Maximum)</label>
                                    <input type="text" class="form-control" id="maxseats" name="maxseats" maxlength="3" onkeypress="return isNumber(event);">
                                </div>
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                    <a href="{{URL::to('/facility')}}" title="View Facility" class="btn btn-warning">Back</a>
                                </div>
                            </form>
                        </div> 
                        <div class="card-body  bg-light">      
                            <div class="table-responsive">
                                @if(count($layouts)!=0)
                                <table class="display" style="width:100%" id="example">
                                    <thead class="thead-info">
                                        <tr>
                                            <th>Slno</th>
                                            <th>Total Number of Rows</th>
                                            <th>Maximum Seat in a Row</th>
                                            <th>Total Seats (Maximum)total_row</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(count($layouts)==0)
                                            <tr>
                                                <td colspan="3"><br><br>
                                                    <div class="alert alert-danger alert-dismissible fade show">
                                                        <strong>No Layouts Added !!!</strong>
                                                    </div>
                                                    
                                                </td>
                                            </tr>
                                        @endif
                                        @php
                                            $n = 0;
                                            $status_name ="";
                                        @endphp
                                        @if(isset($layouts))
                                            @foreach($layouts as $layout)
                                                @php  
                                                    $n++;
                                                @endphp
                                                <tr>
                                                    <td>{{$n}}</td>
                                                    <td>{{$layout->total_row}}</td>
                                                    <td>{{$layout->maxinarow}}</td>
                                                    <td>{{$layout->maxseats}}</td>
                                                    <td>
                                                        <a href="{{URL::to('/seat_layout')}}/{{$layout->facility_id}}/{{$layout->id}}" title="Seat Layout" class="btn btn-warning shadow btn-xs">Seats</a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        /////////validate integer fields///////////////////////////
        function isNumber(evt) 
        {
          evt = (evt) ? evt : window.event;
          var charCode = (evt.which) ? evt.which : evt.keyCode;
          if (charCode > 31 && (charCode < 48 || charCode > 57)) 
          {
            //alert("Please enter only Numbers.");
            return false;
          }

          return true;
        }
        //////////////////////////////////////////
        $(document).ready(function() {
            toastr.options.timeOut = 10000;
            @if (Session::has('error'))
                toastr.error('{{ Session::get('error') }}');
            @elseif(Session::has('success'))
                toastr.success('{{ Session::get('success') }}');
            @endif
        });
    </script>
@stop