@extends('index')
@section('content')

<div class="col-lg-12">
 <h3><i class="fa fa-angle-right"></i> LTCT MASTER REPORT</h3>
<form method="get" action="{{ route('ltctmainreportfull') }}" enctype="multipart/form-data">
    @csrf
    <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>{{__('Regions')}} *</label>
                        <select class="form-control" name="region_id" id='region'>
                        @foreach ($regions as $item)
                        <option value="{{$item->id}}">{{$item->region_code}}-{{$item->name}}</option>
                        @endforeach
                        </select>
                    </div>
                </div>

                 <div class="col-md-4">
                    <div class="form-group">
                        <label>{{__('Sections')}} *</label>
                        <select class="form-control" name="section_id" id="section">

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

                  <div class="col-md-4">
                    <div class="form-group">
                        <label>{{__('Report Type')}} *</label>
                        <select class="form-control" name="type" id="type">
                        <option value="LTCT Report">Lat & Lag Abstract</option>
                        <option value="Distribution Report">Distribution REPORT</option>
                        <option value="User Report">User REPORT</option>
                        </select>
                    </div>
                </div>
    </div>
    <input type="submit" value="{{__('Submit')}}" class="btn btn-primary" id="submit-button">
</form>
</div><!-- /col-lg-12 -->
@endsection

@section('footer-scripts')
<script type="application/javascript">
    $('li a').removeClass("active");
    $('.admin').addClass('active');

    $('#region').change(function(){
       var id = $(this).val();
        $("#section option").remove();
       $.ajax({
          url : '{{ route( 'getsection' ) }}',
          data: {
            "_token": "{{ csrf_token() }}",
            "region_id": id
            },
          type: 'get',
          dataType: 'json',
          success: function( result )
          {
               $.each( result, function(k, v) {
                    $('#section').append($('<option>', {value:k, text:v}));
               });
          },
          error: function()
         {
             //handle errors
             alert('error...');
         }
       });
    });
</script>

@endsection