@extends('includes.admin.adminapp')
@section('content')

<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Access Control</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item active" aria-current="page">New Rule</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!--end breadcrumb-->

        <h6 class="mb-0 text-uppercase">Create Access Rule</h6>
        <hr/>

        <div class="card">
            <div class="card-body">
                <form id="add_form" action="{{ route('access-controls.store') }}" method="POST">
                    @csrf

                    {{-- Rule Type --}}
                    <div class="form-group row mb-4">
                        <label class="col-md-3 col-form-label">
                            Rule Type <span class="text-danger">*</span>
                        </label>
                        <div class="col-md-9">
                            <select name="type" class="form-control" required>
                                <option value="">Select Type</option>
                                <option value="country">Country</option>
                                <option value="ip">IP Address</option>
                            </select>
                        </div>
                    </div>

                    {{-- Value --}}
                    <div class="form-group row mb-4">
                        <label class="col-md-3 col-form-label">
                            Value <span class="text-danger">*</span>
                        </label>
                        <div class="col-md-9">
                            <input type="text" name="value" class="form-control" placeholder="Enter Country Name or IP Address" required>
                        </div>
                    </div>

                    {{-- Access Type --}}
                    <div class="form-group row mb-4">
                        <label class="col-md-3 col-form-label">
                            Access Type <span class="text-danger">*</span>
                        </label>
                        <div class="col-md-9">
                            <select name="is_allowed" class="form-control" required>
                                <option value="">Select One</option>
                                <option value="1">Allow</option>
                                <option value="0">Deny</option>
                            </select>
                        </div>
                    </div>

                  
                    <div class="form-group mb-0 text-right">
                        <button type="submit" id="submit_button" class="btn btn-primary">
                            Save Rule
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>

@endsection