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

@if(session()->has('message'))
    <div class="alert alert-success alert-dismissible text-center"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>{!! session()->get('message') !!}</div>
@endif

<div class="row">
    <div class="col-lg-6">
        <div class="form-panel">
            <h4 class="mb"><i class="fa fa-angle-right"></i> Add Section</h4>

            <form class="form-horizontal style-form" method="post" action="{{ route('section.store') }}">
                @csrf
                 <div class="form-group">
                     <label class="col-sm-2 col-sm-2 control-label">{{__('Regions')}} *</label>
                     <div class="col-sm-10">
                        <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="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Section Code</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="section_code" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Name</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="name" required>
                    </div>
                </div>

                <button type="submit" class="btn btn-theme btn-block">
                    {{ __('Save') }}
                </button>
            </form>
        </div>
    </div>

    <div class="col-lg-6">

        <div class="content-panel">
             <h4><i class="fa fa-angle-right"></i> SECTION LIST</h4>
            <hr>
            <section id="unseen">

            </section>
         </div><!-- /content-panel -->
</div><!-- /col-lg-12 -->
</div>
@endsection

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

    function confirmDelete() {
      if (confirm("Are you sure want to delete?")) {
          return true;
      }
      return false;
    }
</script>

<script type="application/javascript">
     $('#region').change(function(){
       var id = $(this).val();
       $.ajax({
          url : '{{ route( 'sectionall' ) }}',
          data: {
            "_token": "{{ csrf_token() }}",
            "region_id":id
            },
          type: 'get',
          dataType: 'html',
          success: function( result )
          {
            $('#unseen').html('');
            $('#unseen').html(result);
          },
          error: function()
         {
             alert('error...');
         }
       });
    });


</script>
@endsection