@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row ">
        <div class="col-md-11 mx-auto card p-4">
            
            @if ($message = Session::get('success'))
                <div class="alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif
            <form id="exportform" action="" method="POST">
                <input type="hidden" name="type" value="User">
                <table class="table table-striped  table-xl" id="marhun" style="width:100%">
                    <thead class="bg-primary text-white">
                        <tr>
                            <th><input type="checkbox" aria-label="Checkbox for following text input" onclick="selectall(this)"></th>
                            <th>No. Rujukan</th>
                            <th>Marhun</th>
                            <th>Karat</th>
                            <th>Berat</th>
                            <th>Harga(RM)</th>
                            <th>Nilai Marhun</th>
                            <th>Harga Asas</th>
                            <th>Nota</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                        @foreach ($marhun as $item)
                        <tr>
                            <td><input type="checkbox" aria-label="Checkbox for following text input" name="checkboxdata[]" value="{{ $item->id }}"></td>
                            <td>{{ $lelongbid->norujukan }}</td>
                            <td>{{ $item->marhun }}</td>
                            <td>{{ $item->karat }}</td>
                            <td>{{ $item->berat }}</td>
                            <td>{{ $item->harga }}</td>
                            <td>{{ $item->n_marhun }}</td>
                            <td>{{ $item->hargaasas }}</td>
                            <td>{{ $item->nota }}</td>
                            <td class="text-center">
                            <a  onclick="kemaskini(this)" data-idmarhun="{{ $item->id }}" data-marhun="{{ $item->marhun }}" data-karat="{{ $item->karat }}" data-berat="{{ $item->berat }}" data-harga="{{ $item->harga }}" data-nmarhun="{{ $item->n_marhun }}" data-hargaasas="{{ $item->hargaasas }}" data-nota="{{ $item->nota }}"><i class="far fa-edit"></i></a>
                            <a class="confirmdel" href="{{ route('marhun.delete',$item->id) }}"><i class="far fa-trash-alt"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    
                </table>
            </form>
        </div>
        
    </div>
    <div class="modal fade" tabindex="-1" id="modalkemaskini">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Kemaskini Marhun</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('marhun.kemaskini') }}" method="POST" id="formkemaskini">
                    @csrf
                    <div class="row justify-content-center">
                        <div class="col-md-8">
                            <div class="form-group row">
                                <input type="hidden" name="idmarhun" id="idmarhun" >
                                <div class="col-md-4">No Rujukan</div>
                                <div class="col-md-8"><input class="form-control" type="text" name="norujukan_marhun" id="norujukan_marhun" value="{{ $lelongbid->norujukan }}" readonly></div>
                                <div class="col-md-4">Marhun</div>
                                <div class="col-md-8">
                                    <select class="form-control" name="marhun" id="selectmarhun">
                                        <option disabled selected value> -- Pilih Jenis Marhun -- </option>
                                        @foreach ($emasall as $emas)
                                        <option value="{{$emas->marhun}}"> {{ $emas->descpt}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">Karat</div>
                                <div class="col-md-8">
                                    <select class="form-control" name="karat" id="selectkarat">
                                        <option disabled selected value> -- Pilih Karat -- </option>
                                        @foreach ($karatall as $karat)
                                        <option value="{{$karat->karat}}"> {{ $karat->keterangan}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">Berat</div>
                                <div class="col-md-8"><input class="form-control" type="text" name="berat_emas" id="berat_emas"></div>
                                <div class="col-md-4">Harga</div>
                                <div class="col-md-8"><input class="form-control .harga" type="text" name="harga" id="harga" readonly></div>
                                <div class="col-md-4">Nilai Marhun</div>
                                <div class="col-md-8"><input class="form-control" type="text" name="nilai_marhun" id="nilai_marhun" readonly></div>
                                <div class="col-md-4">Harga Asas</div>
                                <div class="col-md-8"><input class="form-control" type="text" name="harga_asas" id="harga_asas" readonly></div>
                                <div class="col-md-4">Nota</div>
                                <div class="col-md-8"><input class="form-control" type="text" name="nota" id="nota" readonly></div>
                            </div>
                        </div>                       
                      </div>
                  </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
              <button type="button" class="btn btn-primary" onclick="updateform()">Simpan</button>
            </div>
          </div>
        </div>
      </div>
</div>
<script>
    $('a.confirmdel').confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            Delete: {
                btnClass: 'btn-warning',
                action: function () {
                    location.href = this.$target.attr('href');
                }
            },  
            Batal: {
                btnClass: 'btn-default',
                action: function () {}
            }
        }
    });

        var tablemarhun = $('#marhun').DataTable( {
            "columnDefs": [ 
                {
                "targets": 0,
                "orderable": false
                }, 
                {
                "targets": 9,
                "orderable": false
                }
            ],
            order: [[1, 'asc']],
            // "ordering": false,
            "info": false,
            "lengthChange": false,
            "pageLength": 15,
            dom: 'Bfrtip',
            buttons: [
                // 'copy', 'excel', 'pdf'
                // { text: 'copy', className: 'btn btn-primary' },
                {
                    className: 'btn btn-outline-success pl-4 pr-4 btn-sm addsim',
                    text: '<i class="fas fa-plus" id="test"></i>',
                    titleAttr: 'Tambah Marhun',
                    action: function ( e, dt, node, config ) {
                        alert( 'Button activated' );
                    }
                },
                {
                    className: 'btn btn-outline-secondary pl-4 pr-4 btn-sm  export',
                    titleAttr: 'Export to CSV',
                    text: '<i class="fas fa-download"></i>',
                    action: function ( e, dt, node, config ) {
                        $("#exportform").submit();
                    }
                }
            ]
        });

        $('.addsim').tooltip();
        $('.export').tooltip();
        // $( '.dt-buttons').addClass('btn-group');
        $( '.addsim').removeClass('dt-button');
        $( '.export').removeClass('dt-button');


    function selectall(cb) {
        tablemarhun.rows().nodes().to$().find('input[type="checkbox"]').each(function(){
            $(this).prop('checked', cb.checked);
        })
    }

    function kemaskini(e) {
        $('#modalkemaskini').modal("show");
        $('#modalkemaskini').on('shown.bs.modal', function () {
            $('#rolename').trigger('focus')
        })
        let idmarhun = $(e).data('idmarhun');
        let marhun = $(e).data('marhun');
        let karat = $(e).data('karat');
        let berat = $(e).data('berat');
        let harga = $(e).data('harga');
        let nmarhun = $(e).data('nmarhun');
        let hargaasas = $(e).data('hargaasas');
        let nota = $(e).data('nota');

        $('#idmarhun').val(idmarhun);
        $('#selectmarhun').val(marhun);
        $('#selectkarat').val(karat);
        $('#berat_emas').val(berat);
        $('#harga').val(harga);
        $('#nilai_marhun').val(nmarhun);
        $('#harga_asas').val(hargaasas);
        $('#nota').val(nota);
    }

    function updateform()
    {
        $("#formkemaskini").submit();
    }
</script>
     
@endsection