@extends('layouts.paybase')

@section('form-name')
<form method="post" id="form" action="{{ action('AcaraController@update', $acara) }}" data-parsley-validate>
@endsection

@section('pay-details')
  <div class="fdb-box py-3 mb-3">
    <div class="row justify-content-left">
      <div class="col text-left">
        <h2>Acara MARA <i class="lead fas fa-chalkboard-teacher filter-blue"></i> </h2>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col text-left">
        <strong>{{ $acara->name }}</strong>
        <br />

        <small>Lokasi:</small> {{ $acara->location }}
        <br />
        <small>Sesi:</small> {{ $acara->session }}
        <br />
        <small>Kuota:</small> {{ $acara->remaining_quota }}/{{ $acara->allocated_quota }}
        <br />
      </div>
    </div>
  </div>

  @if($acara->user_detail)
  <div class="row text-justify px-2">
    <div class="col my-0 py-0">
      <div class="alert alert-info" role="alert">
        Sila lengkapkan butiran individu untuk {{ $bilangan }} unit yang dipilih.
      </div>
    </div>
  </div>
  <div class="fdb-box py-3 mb-3">
    @for($i = 1; $i <= $bilangan; $i++)
    <div class="row justify-content-left py-2">
      <div class="col text-left">
        <i class="far fa-user-circle text-info"></i> {{ $i }}
      </div>
    </div>
    <div class="row py-2">
      <div class="col-12 col-md mt-2 mt-md-0">
        <label class="required">Nama</label>
        <input name="{{ 'individu['.$i.'][nama]' }}" type="text" class="form-control" value="{{ old('individu[$i][nama]') }}"
        data-parsley-trigger="change"
        data-parsley-pattern="^[a-zA-Z0-9\s\/\'\.\,\-\@\(\)\&]+"
        required>
      </div>
      <div class="col-12 col-md mt-2 mt-md-0">
        <label class="required">No IC</label>
        <input name="{{ 'individu['.$i.'][ic]' }}" type="text" class="form-control" value="{{ old('individu[$i][ic]') }}"
        data-parsley-trigger="change"
        data-parsley-type="digits"
        data-parsley-length="[12, 12]"
        data-parsley-error-message="Pastikan IC mengandungi 12 angka tanpa aksara khas"
        required>
      </div>
    </div>
    <div class="row mt-2">
      <div class="col-12 col-md mt-2 mt-md-0">
        <label class="required">No Tel</label>
        <input name="{{ 'individu['.$i.'][no_telefon]' }}" type="text" class="form-control" value="{{ old('individu[$i][no_telefon]') }}"
        data-parsley-trigger="change"
        data-parsley-pattern="^(6?0)[0|1|2|3|4|6|7|8|9]{1,2}[0-9]{7,8}$"
        data-parsley-error-message="Pastikan bilangan angka mencukupi dan cuma mengandungi angka"
        required>
      </div>
      <div class="col-12 col-md mt-2 mt-md-0">
        <label class="required">Emel</label>
        <input name="{{ 'individu['.$i.'][emel]' }}" type="email" class="form-control" value="{{ old('individu[$i][emel]') }}"
        data-parsley-trigger="change"
        required>
      </div>
    </div>
    <div class="row mt-2">
      @if( isset($details['categories']) )
      <div class="col-12 col-md mt-4 mt-md-0">
        <label class="required">Kategori</label>
        <select name="{{ 'individu['.$i.'][kategori]' }}" class="form-control" required>
          <option {{ old('individu[$i][kategori]') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
          @foreach($details['categories'] as $key => $value)
            <option {{ old('individu[$i][kategori]') == $key ? 'selected' : '' }} value="{{ $key }}">{{ $value }}</option>
          @endforeach
        </select>
      </div>
      @endif
      @if( isset($details['additional']) )
      <div class="col-12 col-md mt-4 mt-md-0">
        <label class="required">{{ $details['additional']['label'] }}</label>
        <select name="{{ 'individu['.$i.'][butiran_tambahan]' }}" class="form-control" required>
          <option {{ old('individu[$i][butiran_tambahan]') !== null ? '' : 'selected' }} disabled>Sila pilih</option>
          @foreach($details['additional']['details'] as $extra)
            <option {{ old('individu[$i][butiran_tambahan]') == $extra->key ? 'selected' : '' }} value="{{ $extra->key }}">{{ $extra->value }}</option>
          @endforeach
        </select>
      </div>
      @endif
    </div>
    <hr />
    @endfor
  </div>
  @endif

@endsection

@section('pay-amount')

<div class="form-group row justify-content-left">
  <div class="col-sm-2">
    <label class="" for="bilangan" class="col-form-label">Bilangan</label>
  </div>
  <div class="col-sm-10">
    <span id="nilai-txt">{{ $bilangan }} unit</span>
    <input type="hidden" name="bilangan" value="{{ $bilangan }}" required/>
  </div>
</div>
<div class="form-group row justify-content-left">
  <div class="col-sm-2">
    <label class="" for="nilai_bayaran" class="col-form-label">Nilai (RM)</label>
  </div>
  <div class="col-sm-10">
    <span id="nilai-txt">{{ $nilai }}</span>
    <input type="hidden" name="nilai_bayaran" id="nilai_bayaran" value="{{ $nilai }}"
    data-parsley-min='1'
    required>
  </div>
</div>
@endsection

@section('button-block')
  @parent
  <a href="{{ action('AcaraController@index') }}" class="btn btn-dark">
    Kembali
  </a>
@endsection