@extends('template.content')
@section('content')


  <div class="row justify-content-md-center">
    <div class="col-md-6 col-sm-12 grid-margin stretch-card">
      <div class="card" style="max-height:300px">
        <div class="card-body">
          <h4 class="card-title">Create Code / {{$title}}</h4>
          <form class="forms-sample" method="POST" action="{{url('admin/voucher/store')}}">
            @csrf
            <div class="form-group">
              <label for="member" class="form-label">member</label>
              <select class="js-example-basic-single form-select" style="width: 100%;height:50px" name="member_id" aria-label="Default select example">
                  <option value="" selected></option>
                  @foreach($member as $us)
                      <option value="{{$us->id}}">{{$us->username}}</option>
                  @endforeach

              </select>
            </div>
            <button type="submit" class="btn btn-sm btn-primary me-2">Tambah Data</button>
          </form>
        </div>
      </div>
    </div>
  </div>

    <div class="row">
        <div class="col-sm-12">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">{{$title}}</h4>
                    <div class="table-responsive">
                      <table class="table" id="tabel">
                        <thead>
                          <tr>
                            <th>voucher</th>
                            <th>member</th>
                            <th>status</th>
                            <th>tanggal kupon dibuat</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                          @foreach($row as $key)
                          <tr>
                            <td>{{$key->voucher}}</td>
                            <td>{{$key->member}}</td>
                          
                            <td>@php echo Fibonanci::status($key->status); @endphp</td>
                            <td>{{$key->created_at}}</td>
                            <td>
                                <button type="button" class="btn btn-warning btn-rounded btn-icon" 
                                data-bs-toggle="modal" data-bs-target="#edit{{$key->id}}">
                                    edit
                                </button>
                                <a href="javascript:void(0)" onclick="hapus('{{url('admin/voucher/destroy/'.$key->id)}}')" class="btn btn-sm btn-danger">delete</a>
                            </td>
                          </tr>

                          <div class="modal fade" id="edit{{$key->id}}" tabindex="-1" aria-labelledby="create" aria-hidden="true">
                            <div class="modal-dialog">
                              <div class="modal-content">
                                <div class="modal-header">
                                  <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
                                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                        
                                <form action="{{url('admin/voucher/update')}}" method="POST">
                                    @csrf

                                    <input type="hidden" value="{{$key->id}}" name="id">
                        
                                <div class="modal-body">

                                  <div class="form-group">
                                    <label for="voucher">voucher</label>
                                    <input type="text" class="form-control" id="voucher" value="{{$key->voucher}}" name="voucher" placeholder="voucher">
                                  </div>

                                    <div class="mb-3">
                                      <label for="users" class="form-label">member</label>
                                      <select class="form-select" name="member_id" aria-label="Default select example">
                                        <option value="{{$key->member_id}}" selected>{{$key->member}}</option>
                                        @foreach($member as $us)
                                            <option value="{{$us->id}}">{{$us->username}}</option>
                                        @endforeach
                    
                                      </select>
                                  </div>

                                  <div class="mb-3">
                                    <label for="users" class="form-label">status</label>
                                    <select class="form-select" name="status" aria-label="Default select example">
                                      <option value="{{$key->status}}" selected>{{$key->status}}</option>
                                      <option value="used">used</option>
                                      <option value="not used">not used</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="modal-footer">
                                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                  <button type="submit" class="btn btn-primary">Update changes</button>
                                </div>
                        
                                </form>
                        
                        
                              </div>
                            </div>
                          </div>


                          @endforeach
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
        </div>
    </div>


<form class="forms-sample" id="confirm" method="POST" action="{{url('admin/voucher/save')}}">
            @csrf

            <input type="hidden" name="member_id" id="member_id" value="{{session('username')}}">

</form>

@push('js')
    <script>
      $(document).ready( function () {
        $('#tabel').DataTable({
          "pageLength": 25,
             searching: true,
             ordering:  true,
             paging: true,   
             "order": [[1, 'desc']],
             "columnDefs": [
                { "type": "date", "targets": [1] }//date column formatted like "03/23/2018 10:25:13 AM".
              ],     
        });
    });
    </script>

    <script>
        $(document).ready(function() {
            $('.js-example-basic-single').select2();
        });
    </script>

@if(session()->has('confirm'))
    <script>
        Swal.fire({
        title: "{{session('confirm')}}",
        text: "{{session('content')}}",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, buatkan kupon!'
      }).then((result) => {
        if (result.isConfirmed) {
          $( "#confirm" ).submit();
          Swal.fire(
            'Confirm!',
            'done create kupon.',
            'success'
          )
        }
      })
    </script>
@endif
@endpush

@endsection