@extends('layouts.appmin')

@section('tajuk')
Senarai Untuk Dibawa ke Mesyuarat
@endsection


@section('breadcrumb')
    <ul class="breadcrumbs mb-3">
      <li class="nav-home">
        <a href="#">
          <i class="icon-home"></i>
        </a>
      </li>
      <li class="separator">
        <i class="icon-arrow-right"></i>
      </li>
      <li class="nav-item">
        <a href="#">Penjaja</a>
      </li>
      <li class="separator">
        <i class="icon-arrow-right"></i>
      </li>
      <li class="nav-item">
        <a href="#">Untuk Dibawa ke Mesyuarat</a>
      </li>
    </ul>
@endsection

@section('content')                    

        <div class="alert alert-info" role="alert">
            <ol>
                <li>Masukkan bilangan, tahun dan tarikh mesyuarat terlebih dahulu.</li>
                <li>Kemudian, pilih permohonan yang akan dimasukkan ke dalam mesyuarat tersebut.</li>
            </ol>
        </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Mesyuarat Jawatankuasa Kesihatan dan Pelesenan</h4>
                </div>
                <div class="card-body">
                    <form action="{{route('pt.simpan-mesyuarat')}}" method="post">
                        @csrf
                        <div class="row row-cols-lg-auto g-3 align-items-center">
                            <div class="col-12">
                                <label for="bil_mesyuarat">Bilangan Mesyuarat</label>
                                <input type="text" name="bil_mesyuarat" id="bil_mesyuarat" class="form-control">
                            </div>
                            <div class="col-12">
                                <label for="tahun">Tahun</label>
                                <input type="text" name="tahun" id="tahun" class="form-control">
                            </div>
                            <div class="col-12">
                                <label for="tarikh_mesyuarat">Tarikh Mesyuarat</label>
                                <input type="date" name="dt_mesyuarat" id="dt_mesyuarat" class="form-control">
                            </div>
                            <div class="col-12">
                                <input type="submit" name="simpan" id="simpan_mesyuarat" class="btn btn-primary" value="Simpan">
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive mt-3">
                        <table id="senarai" class="display table table-striped table-hover" >
                            <thead>
                                <tr>
                                    <th style="width: 10px">#</th>
                                    <th>Bilangan</th>
                                    <th>Tahun</th>
                                    <th>Tarikh</th>
                                    <th>Jumlah Permohonan</th>
                                    <th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php $i = 0; ?>
                                @if(!is_null($mesyuarats))
                                    @foreach($mesyuarats as $meet)
                                    <?php $i++; ?>
                                    <tr class="align-middle text-sm">
                                        <td><?php echo $i; ?></td>
                                        <td>{{$meet->bil_mesyuarat}}</td>
                                        <td>{{$meet->tahun}}</td>
                                        <td>{{$meet->dt_mesyuarat}}</td>
                                        <td>{{$meet->lesen_penjajas_count}}</td>
                                        <td><a href="{{route('pt.bawa-mesyuarat', [$meet->id])}}"><i class="fas fa-chalkboard-teacher fa-lg"></i></a></td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>  
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script>
$(document).ready(function () {
    $('#senarai').DataTable({
        responsive: true
    });
});

</script>
@endsection