@extends('gatepass/layouts/default')

@section('title')
Cargooutside
@parent
@stop

{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>Cargooutside</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('gatepass.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li>Cargooutside</li>
        <li class="active">Cargooutside List</li>
    </ol>
</section>

<section class="content">
<div class="container">
    <div class="row">
     <div class="col-12">
     @include('flash::message')
        <div class="card border-primary ">
            <div class="card-header bg-primary text-white">
                <h4 class="card-title float-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    Cargooutside Create
                </h4>

            </div>
            <br />
            <div class="card-body table-responsive">
                {!! Form::open(['route' => 'gatepass.cargooutside.store']) !!}

                @include('gatepass.cargooutside.fields')
                {!! Form::close() !!}
            </div>
        </div>
        </div>
 </div>
 </div>
</section>
@stop
@section('footer_scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            $("form").submit(function () {
                $('input[type=submit]').attr('disabled', 'disabled');
                return true;
            });
            $("#roro_div").hide();
            $("#bb_div").hide();

        });

        $('.cargotype').on('change', function () {
            var selected = $(this).val();
            // alert(selected);
            if (selected == 'container') {
                $("#con_div").show();
                $("#roro_div").hide();
                $("#bb_div").hide();
            } else if (selected == 'breakbulk') {
                $("#con_div").hide();
                $("#roro_div").hide();
                $("#bb_div").show();
            } else {
                $("#con_div").hide();
                $("#roro_div").show();
                $("#bb_div").hide();
            }
        });


    </script>
@stop