@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="col-lg-12">
    <h3>
        <i class="fa fa-angle-right"></i> USERS
        </h3>
  <div class="col-lg-4">
        <div class="form-panel">
            <h4 class="mb"><i class="fa fa-angle-right"></i> Add User</h4>

            <form class="form-horizontal style-form" method="post" action="{{ route('user.store') }}">
                @csrf

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Region</label>
                    <div class="col-sm-10">
                        <select name="region_id" class="form-control" id="region" required>
                            @foreach ($lims_region_all 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">Circle</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="circle" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Division</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="division" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Section</label>
                    <div class="col-sm-10">
                        <select name="section_id" class="form-control" id="section" required>
                        </select>
                    </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>

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Contact Number</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="contact" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Email</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="email" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Designation</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="position" required>
                    </div>
                </div>

                 <div class="form-group">
                    <label class="col-sm-2 col-sm-2 control-label">Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" name="password" required>
                    </div>
                </div>

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

    <div class="col-lg-8">
        <div class="content-panel">
            <h4><i class="fa fa-angle-right"></i> USERS LIST</h4>
            <section id="unseen">

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


@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();
        $("#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...');
         }
       });
    });

     $('#section').change(function(){
       var id = $(this).val();
       var region_id = $('#region').val();
       $.ajax({
          url : '{{ route( 'userall' ) }}',
          data: {
            "_token": "{{ csrf_token() }}",
            "section_id": id,
            "region_id":region_id
            },
          type: 'get',
          dataType: 'html',
          success: function( result )
          {
              console.log(result);
            $('#unseen').html('');
            $('#unseen').html(result);
          },
          error: function()
         {
             alert('error...');
         }
       });
    });


</script>
@endsection