@extends('backend.layouts.app')
@section('backend_title','Admin Brand Create')

@section('backend_content')

<div class="row">
    <div class="col-lg-7 col-lg-offset-5">
      <div class="card">
          <div class="card-body">
            <form action="{{ Route('thanaStore') }}" method="POST">
              @csrf
              <h5 class="font-weight-bolder">Thana Add</h5>
              
                  <div class="row">
                    <div class="col-4 mb-2">
                      <label>Name</label>
                      <input class="form-control" type="text" name="name" placeholder="" value="{{ old('name') }}" />
                      @error('name')
                          <div class="form-text text-danger">{{ $message }}</div>
                      @enderror
                    </div>
      
                    <div class="col-4 mb-4">
                      <label>Division Name</label>
                      <select class="form-control" name="division_id" id="division_id">
                        <option value="" selected="">select division</option>
                        @foreach ($division as $item)
                        @if ($item->status=== 1)
                          <option value="{{ $item->id }}">{{ $item->name }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('division_id')
                          <div class="form-text text-danger">{{ $message }}</div>
                      @enderror
                    </div>
      
                      <div class="col-4 mb-4">
                          <label>District Name</label>
                          <select class="form-control" name="district_id" id="district_id">
                              <option value="" selected="">select district</option>
                          </select>
                          @error('district_id')
                              <div class="form-text text-danger">{{ $message }}</div>
                          @enderror
                      </div>
      
                      <div class="col-4 mt-2">
                        <div>
                            <label>Status</label>
                        </div>
                        <div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="status" id="status1" value="1">
                                <label class="form-check-label" for="status1">Active</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="status" id="status0" value="0">
                                <label class="form-check-label" for="status0">Inactive</label>
                            </div>
                        </div>
                      </div>
                  </div>

              <div class="">
                    <button type="sobmit" class="btn btn-primary">Save</button>
                    <a href="{{ Route('thanaList') }}" class="btn btn-info">Return List</a>
              </div>
            </form>
          </div>
      </div>
    </div>
</div>


<script>
  $(document).ready(function() {
      $('#division_id').change(function() {
          var divisionId = $(this).val();
          if (divisionId) {
              $.ajax({
                  url: '/admin/thana/get-districts/' + divisionId,
                  type: 'GET',
                  dataType: 'json',
                  success: function(data) {
                      $('#district_id').empty();
                      $('#district_id').append('<option value="" selected="">select district</option>');
                      $.each(data, function(key, value) {
                          $('#district_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                      });
                  }
              });
          } else {
              $('#district_id').empty();
              $('#district_id').append('<option value="" selected="">select district</option>');
          }
      });
  });
</script>

@endsection

@section('beackend_scripts')

@endsection