@extends('layouts.app')

@section('content')
@include('layouts.headers.cards')


<!-- Header -->
<div class="header bg-primary pb-6">
  <div class="container-fluid">
    <div class="header-body">
      <div class="row align-items-center py-4">
        <div class="col-lg-6 col-7">

          <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
              <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
              <li class="breadcrumb-item active" aria-current="page">Semak SAG</li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid mt--6">
  <div class="row">
    <div class="col">
      <div class="card col-xl-5 mx-auto mt-4">
        <!-- Card header -->
        <div class="card-header border-0">
        </div>
        <div class="card-body">
          @error('sltcawangan')
          <script>
            $.notify({
              icon: 'fas fa-exclamation-triangle fa-2x',
              newest_on_top: true,
              message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
            }, {
              type: 'danger',
              allow_dismiss: false,
              placement: {
                align: 'center',
                from: 'bottom'
              },
              animate: {
                enter: 'animate__animated animate__bounce',

                exit: 'animate__animated animate__bounceOutDown'
              }
            });
          </script>
          @enderror

          <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <form name="semaksagform" action="{{ route('senaraisag') }}" method="POST">
              @csrf
              <div class="row">
                <label class="block col-4 mt-2">
                  <span class="text-gray-700">Pilih Cawangan</span>
                </label>
                <select class="custom-select col-8" name="sltcawangan">
                  <option selected disabled>Open this select menu</option>
                  @foreach($cawangan as $index1=>$caw)
                  <option value="{{ $caw['kodcaw'] }}">{{ $caw['namacawangan'] }}</option>
                  @endforeach
                </select>
              </div>
              <button type="submit" href="{{ route('senaraisag') }}" class="btn btn-primary mt-3 mx-auto d-flex">
                Semak
              </button>
            </form>

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

</div>

@endsection

@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush