@extends('layouts.app')

@section('appjs')
    <script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')
@section('page_title')
    Upload Not in Whistle
@endsection
    <script>
    $(document).ready(function(){
        $("#wa_enable_div").hide();
    });
    </script>

    <div class="container">
        <h5 class="pageheading">Not in Whistle</h5>
            <form action="{{ url('/notinwhistlesubmit') }}" method="POST" enctype="multipart/form-data">
            {{ csrf_field() }}
                <div class="form-group row">
                    <div class="col-sm-9">
                        <input type="file" name="file" class="form-control">
                    </div>
                </div>
                <div class="form-group row" id="add_to_whistle_div">
                    <div class="col-sm-9">
                        <input type="checkbox" id="add_to_whistle" name="add_to_whistle" value="0" onclick="addtowhistle()"> Add to Whistle
                    </div>
                </div>
                <div class="form-group row" id="wa_enable_div">
                    <div class="col-sm-9">
                        <input type="checkbox" id="wa_enable" name="wa_enable" value="0" onclick="waenabled()"> Wa
                    </div>
                </div>
                <div class="form-group row">
                    <div class="offset-sm-3 col-sm-9">
                        <button type="submit" id="notinwhistlesubmit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </form>
    </div>
    <script>
    function addtowhistle() {
        var add_to_whistle = document.getElementById("add_to_whistle");
        if (add_to_whistle.checked == true){
            $("#add_to_whistle").val(1);
            $("#wa_enable_div").show();
        }else{
            $("#add_to_whistle").val(0);
            $("#wa_enable_div").hide();
            $("#wa_enable").val(0);
        }
    }
    function waenabled(){
        var wa_enable = document.getElementById("wa_enable");
        if (wa_enable.checked == true){
            $("#wa_enable").val(1);
        }else{
            $("#wa_enable").val(0);
        }
    }
    </script>
@endsection