@extends('backend.layouts.app')

@section('title', 'Flight Schedule Management | Create Flight Schedule')

@section('breadcrumb-links')
@endsection
@section('after-styles')
{{Html::style('css/bootstrap-datepicker.min.css')}}
<style>
    .datepicker{
        padding: .375rem .75rem;
    }
</style>
@endsection
@section('content')
<form method="post" action="{{route('admin.schedule.store')}}" class="form-horizontal scheduleForm">
        
        {{csrf_field()}}
        <div class="box box-success">
                <div class="box-header with-border">
                    <h3 class="box-title">Flight Schedule Management
                            <small class="text-muted">Create Flight Schedule</small></h3>
            
                    <div class="box-tools pull-right">
                        
                    </div><!--box-tools pull-right-->
                </div><!-- /.box-header -->
            
                <div class="box-body">
                        <div class="col-lg-12">
                                <div class="form-group row">
                                    
                                    {{ Form::label('flight_type', 'Flight Type', ['class' => 'col-lg-2 control-label']) }}
        
                                    
                                    <div class="col-md-10">
                                        <select name="flight_type" class="form-control">
                                            <option value="arrival">Arrival</option>
                                            <option value="departure">Departure</option>
                                        </select>
                                    </div>
                                </div><!--form-group-->
        
                                <div class="form-group row">
                                {{ Form::label('flight_date', 'Flight Date', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <input type="text" name="flight_date" class="form-control datepicker" value="{{old('flight_date')}}" data-date-format="yyyy-mm-dd" placeholder="YYYY-MM-DD" autocomplete="off">
                                    </div><!--col-->
                                </div><!--form-group-->
        
                                <div class="form-group row">
                                    {{ Form::label('airline', 'Airline', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="airline" class="form-control" id="airline">
                                            <option value="">--Select Airline--</option>
                                            @foreach($airlines as $airline)
                                                <option value="{{$airline->id}}">{{$airline->code}} : {{$airline->title}}</option>
                                            @endforeach
                                        </select>
                                    </div><!--col-->
                                </div><!--form-group-->
        
                                 <div class="form-group row">
                                    {{ Form::label('flight_number', 'Flight Number', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="flight" class="form-control" id="flight">
                                            <option value="">--Select Flight--</option>
        
                                        </select>
                                    </div><!--col-->
                                </div><!--form-group-->
        
                                <div class="form-group row">
                                    {{ Form::label('origin', 'Origin/Destination', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="destination" class="form-control">
                                            <option value="">--Select Destination--</option>
                                            @foreach($airports as $airport)
                                                <option value="{{$airport->id}}">{{$airport->code}} : {{$airport->title}}</option>
                                            @endforeach
                                        </select>
                                    </div><!--col-->
                                </div><!--form-group-->
                                <div class="form-group row">
                                    {{ Form::label('STA', 'STA/STD', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="sta_hh">
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                        </select>
                                        <select name="sta_mm">
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                            <option value="50">50</option>
                                            <option value="51">51</option>
                                            <option value="52">52</option>
                                            <option value="53">53</option>
                                            <option value="54">54</option>
                                            <option value="55">55</option>
                                            <option value="56">56</option>
                                            <option value="57">57</option>
                                            <option value="58">58</option>
                                            <option value="59">59</option>
                                            <option value="60">60</option>
                                        </select>
                                        (hh:mm)
                                    </div><!--col-->
                                </div><!--form-group-->
                                <div class="form-group row">
                                    {{ Form::label('ETA', 'ETA/ETD', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="eta_hh">
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                        </select>
                                        <select name="eta_mm">
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                            <option value="50">50</option>
                                            <option value="51">51</option>
                                            <option value="52">52</option>
                                            <option value="53">53</option>
                                            <option value="54">54</option>
                                            <option value="55">55</option>
                                            <option value="56">56</option>
                                            <option value="57">57</option>
                                            <option value="58">58</option>
                                            <option value="59">59</option>
                                            <option value="60">60</option>
                                        </select>
                                        (hh:mm)
                                    </div><!--col-->
                                </div><!--form-group-->
        
                                <div class="form-group row">
                                    {{ Form::label('flight_status', 'Flight Status', ['class' => 'col-lg-2 control-label']) }}
                                    <div class="col-md-10">
                                        <select name="flight_status" class="form-control">
                                            <option value="">--Select Flight Status--</option>
                                            @foreach($flight_status as $status)
                                                <option value="{{$status->id}}">{{$status->code}}</option>
                                            @endforeach
                                        </select>
                                    </div><!--col-->
                                </div><!--form-group-->
        
        
                                
                            </div><!--col-->
                </div><!-- /.box-body -->
            </div><!-- /.box -->
            <div class="box box-info">
                <div class="box-body">
                    <div class="pull-left">
                        {{ link_to_route('admin.schedule.index', trans('buttons.general.cancel'), [], ['class' => 'btn btn-danger btn-xs']) }}
                    </div><!--pull-left-->
            
                    <div class="pull-right">
                        {{ Form::submit(trans('buttons.general.crud.create'), ['class' => 'btn btn-success btn-xs']) }}
                    </div><!--pull-right-->
            
                    <div class="clearfix"></div>
                </div><!-- /.box-body -->
            </div><!--box-->


    </form>
@endsection
@section('after-scripts')
<script type="text/javascript" src="{{asset('js/bootstrap-datepicker.min.js')}}"></script>
<script type="text/javascript">
    var url = "{{URL::to('/')}}";
     $('#airline').change(function(event) {
            event.preventDefault();
            $('#airline').prop('disabled', true);
            var value = $("#airline option:selected").val();
            if(value != ''){
                var routeUrl = url+'/admin/ajax/airline/'+value+'/getFlights'
                $.get(routeUrl, function(data) {
                    $('#flight').html(data);
                })
                .done(function() {
                    console.log( "second success" );
                })
                .fail(function() {
                    console.log( "error" );
                })
                .always(function() {
                    console.log( "finished" );
                     $('#airline').prop('disabled', false);
                });
            }
        });
     $('.datepicker').datepicker({
        todayHighlight: true
     });

</script>
@endsection