@include('header')

<div class="padding">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                {{-- <div class="box-header">
                </div> --}}
                <div class="box-divider m-0"></div>
                <div class="box-header bg-dark">
                    <p class="text-white">Penugasan Senjata</p>
                </div>
                <div class="nav-active-border b-primary top box">
                    <div class="nav nav-md">
                        <a class="nav-link" href="{{url('peminjamaansenjata')}}">
                            <i class="fa fa-plus-circle"></i> Penugasan
                        </a>
                        <a class="nav-link" href="{{url('pengembaliansenjata')}}">
                            <i class="fa fa-minus-circle"></i> Pengembalian
                        </a>
                        <a class="nav-link" href="{{url('riwayatpeminjaman')}}">
                            <i class="fa fa-plus-circle"></i> Riwayat Peminjaman
                        </a>
                    </div>
                </div>
                <div class="box-body">


                    {!! Form::open(['url' =>$url , 'class' => '', 'files' => true]) !!}

                    @include('peminjaman.formpeminjaman')
                    @include('peminjaman.formpeminjaman')
                    </form>

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

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
    function hapusam(a) {
        $("#av" + a).remove();
    }

    function masukamu() {
        var a = $('#kp').val();
        var b = $('#jumlahpinjam').val();
        var c = $('#namaamunisi').val();
        var d = Math.floor((Math.random() * 1000) + 1);
        $('#safarigunz').append('<tr id="av' + d + '"><td><center><font color="white">' + a + '</font></center></td><td><center><font color="white">' + b + '</font></center><center><input type="hidden" name="idamu[]" class="form-control" value="' + c + '"><input type="hidden" name="jumpin[]" class="form-control" value="' + b + '"></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + d + ')"><font color="white">X</font></a><center></td></tr>');
    }

    function hzz(a) {
        $("#pjk" + a).remove();
    }

    function bangsat(a) {
        var value = a.split('|');
        var norut = value[0];
        var idsenjata = value[1];
        var namasenjata = value[2];
        var noseri = value[3];
        var kaliber = value[4];
        var idsenjatasub = value[5];
        var token = $('meta[name="csrf-token"]').attr('content');
        $("#pj" + norut).html('<center><font color="green">Telah Dipilih</font></center>');
        var token = $('meta[name="csrf-token"]').attr('content');
        $.get('{{URL::to("ambilaja2/")}}', {
            namasenjata: namasenjata,
            norut: norut,
            idsenjata: idsenjata,
            noseri: noseri,
            kaliber: kaliber,
            idsenjatasub: idsenjatasub,
            _token: token
        }, function (data) {
            $("#safarigun2").append(data);

        })
    };
    $(".namasenjata").select2({
        placeholder: "Klik di sini dan mulai mengetik untuk mencari",
        allowClear: true,
        cache: true
    });
    $(".atc").select2({
        placeholder: "Klik di sini dan mulai mengetik untuk mencari",
        allowClear: true,
        cache: true
    });
    $('#namasenjata').on('change', function (e) {
        var kode = e.target.value;
        $.get('{{url("getsenjata")}}/' + kode, function (data) {
            console.log(data);
            $('#jumlah').val(data.jumlah);
            $('#nama_senjata').val(data.nama_senjata);
            $('#kaliber').val(data.kaliber);
        });
        var token = $('meta[name="csrf-token"]').attr('content');
        $.get('{{URL::to("ambilaja/")}}', {kode: kode, _token: token}, function (data) {
            $("#safarigun").html(data);

        })

    })

    $('#namaamunisi').on('change', function (e) {
        var kode = e.target.value;
        var maupinjam = $('#jumlahpinjam').val();
        $.get('{{url("getamunisi")}}/' + kode, function (data) {
            console.log(data);
            $('#jumlaham').val(data.jumlah);
            $('#kp').val(data.kp);
        });


    })

    $('#cekstok').on('keyup', function (e) {
        var kode = e.target.value;
        var jumlah = $("#jumlah").val();

        if (parseInt(kode) > parseInt(jumlah)) {
            alert('Jumlah Melebihi Batas Stok');
            $("#cekstok").val('');

        }

    })

    var z = 1;
    $('#tambah_senjata').click(function () {

        var l = $("#namasenjata").val();
        var m = $("#cekstok").val();
        var x = $("#nama_senjata").val();

        var jumlah = $("#jumlah").val();
        var kaliber = $("#kaliber").val();

        if (m == "") {
            alert("Tambahkan Senjata")
        } else {
            z++
            $('#dynamic2').append('<tr id="row' + z + '">' +
                '<td><center>' + x + '<input type="hidden" value=' + l + ' name="id_senjatak[]"></center></td>' +
                '<td><center>' + kaliber + '<input type="hidden" value=' + kaliber + ' name="jkaliber[]"><input type="hidden" value=' + kaliber + ' name="kaliber[]"></center></td>' +
                '<td><center>' + m + '<input type="hidden" value=' + m + ' name="jumlahsenjatak[]"><input type="hidden" value=' + jumlah + ' name="jumlah[]"></center></td>' +
                '<td><center><button type="button" name="remove" id="' + z + '" class="btn btn-danger btn_remove_1"><i class="fa fa-trash-o"></i> Hapus</button></center></td>' +
                '</tr>');
            $("#namasenjata").val("");
            $("#cekstok").val("");

        }
    });

    $(document).on('click', '.btn_remove_1', function () {
        var button_id = $(this).attr("id");
        $('#row' + button_id + '').remove();
    });
</script>

@include('footer')