@extends('mobile.mobile-template')
@section('title', 'Laporan Baru')
@section('css')
{!! RecaptchaV3::initJs() !!}
@endsection

@section('content')
<div class="container">

  @include('mobile.laporan-menu')
  
      <form action="{{route('mobile.laporan.store')}}" id="lampiran-new" enctype="multipart/form-data" method="post" class="mb-4"> @csrf
        {!! RecaptchaV3::field('KirimLaporan') !!}
        @if ($errors->has('g-recaptcha-response'))
            <span class="text-danger">
              Gunakan Browser Lain
            </span>
        @endif
        <div class="text-center mt-4 mb-4">
          <div class="form-check form-check-inline">
            <input class="form-check-input" name="sifat_id" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="2" checked>
            <label class="form-check-label" for="inlineRadio1">Anonim</label>
          </div> 
          <div class="form-check form-check-inline">
            <input class="form-check-input" name="sifat_id" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="1">
            <label class="form-check-label" for="inlineRadio2">Rahasia</label>
          </div>
          <div class="form-check form-check-inline">
            @if (Auth::check())
              <input class="form-check-input" name="sifat_id" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="3">
            <label class="form-check-label" for="inlineRadio3">Public</label>
            @else
              <input onclick="window.location='{{route('user.login')}}'" class="form-check-input" name="sifat_id" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="3">
              <a href="{{route('user.login')}}" class="text-dark" >Public</a>
            @endif
          </div>
        </div>
  
        
        <div class="row field-row">
          <div class="col ">
          <label>Type Pengaduan </label>
          <select name="type_id" onchange="typePengaduan(this.value);" class="form-control">
            @foreach (type() as $no => $type)
                <option value="{{$no}}">{{$type}}</option>
            @endforeach
          </select>
          </div>
        </div>

        <div class="row field-row">
          <div class="col ">
          <label>Kategori </label>
          <select name="kategori_id" id="kategori" class="form-control"  required>
            <option value="" > Pilih Kategori Laporan</option>
            @foreach ($kategoris as $kategori)
                <option value="{{$kategori->id}}" {{env('APP_ENV') != 'production' ? 'selected' : ''}}>{{$kategori->kategori}}</option>
            @endforeach
          </select>
          </div>
        </div>

        <div class="row field-row">
          <div class="col ">
          <label>Judul Pengaduan </label>
              <input type="text" name="judul" placeholder="Ketik Judul Laporan Anda" class="form-control" id="judul" required value="{{env('APP_ENV') != 'production' ? 'judul laporan baru' : ''}}">
          </div>
        </div>

        <div id="input-kejadian">
          <div class="row field-row">
            <div class="col col-6">
              <label>Tanggal Kejadian </label>
              <input type="date" name="tanggal_kejadian" class="form-control" value="{{env('APP_ENV') != 'production' ? date('Y-m-d') : ''}}">
            </div>
            <div class="col col-6">
              <label>Tempat Kejadian </label>
              <input type="text" name="tempat_kejadian" class="form-control" placeholder="Tempat Kejadian" value="{{env('APP_ENV') != 'production' ? 'tempat kejadian' : ''}}">
            </div>
          </div>
        </div>
        

        <div id="input-bukti">
          <div class="row field-row">
            <div class="col">
              <label>Lampiran</label>
              <input type="file" multiple="multiple" name="lampiran[]" class="form-control">
            </div>
          </div>
        </div>

        <div class="row field-row">
          <div class="col">
            <label>Isi Laporan </label>
            <textarea name="isi" id="" class="form-control" cols="30" rows="10" required>{{env('APP_ENV') != 'production' ? "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Veniam eius voluptates accusantium laudantium maiores itaque ratione minima laborum aliquid natus error iste voluptas porro assumenda fugiat deserunt sunt, perspiciatis delectus." : ''}}</textarea>
          </div>
        </div>
        
        <div class="text-center mt-3"><button class="theme-button btn-block" onclick="send()" type="submit">Kirim Laporan</button></div>
      </form>
</div>
@endsection

@section('script')
<script>

  function typePengaduan(value) {
    
    console.log(value)
    if (value == 1) {
      $('#input-kejadian').show();
      $('#input-bukti').show();
    }else{
      $('#input-kejadian').hide();
      $('#input-bukti').hide();
    }
  }




</script>
@endsection