@extends('layouts.app')

@section('content')
<form action="{{ route('settings.prisons.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf
    <!-- Page Title -->
    <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
        <h1 class="reset-block primary-color lineheight-130 fs-20">اصافة سجن جديد</h1>
        <button class="btn small primary">حفظ </button>
    </div>
    <!-- // Page Title -->

    <!-- Grid -->
    <div class="row">
        <!-- Column -->
        <div class="col-6">
            <!-- Controls Widget -->
            <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات اساسية</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                        <div class="col pds-15 col-12">

                            <input  type="text" class="input_validation" name="name" id="name" placeholder="الاسم" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_name"></span><br>


                            <input type="text"      class="input_validation" name="address" id="address" placeholder="المنطقة" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_address"></span><br>

                            <input type="text"      class="input_validation" name="city" id="city" placeholder="المدينة" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_city"></span><br>

                            <input type="number"    class="input_validation"  name="max_capacity" id="max_capacity" placeholder="الطاقة الاستيعابية" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_max_capacity"></span><br>



                            <div class="form-group">
                                <label for="type" class="pdx-20 pdy-10 label">نوع السجن</label>
                                <div>
                                    <label class="checkbox fs-13 ">
                                        <input type="radio" name="type" value="juveniles" >
                                        <span> خاص بالاحداث </span>
                                    </label>

                                    <label class="checkbox fs-13 ">
                                        <input type="radio" name="type" value="adults">
                                        <span> خاص بالمساجين </span>
                                    </label>
                                </div>
                                <span style="color:red ;  font-size:12px" class="msg msg_type"></span>

                            </div>

                            <div class="form-group">
                                <label for="prison_type" class="pdx-20 pdy-10 label">نوع المساجين</label>
                                <div>
                                    <label class="checkbox fs-13 pdx-10">
                                        <input type="radio" name="gender" value="male">
                                        <span> ذكور </span>
                                    </label>

                                    <label class="checkbox fs-13 pdx-10">
                                        <input type="radio" name="gender" value="female">
                                        <span> أناث</span>
                                    </label>
                                </div>
                            <span style="color:red ;  font-size:12px" class="msg msg_gender"></span>

                            </div>

                        </div>
                </div>
                <!-- // Content -->
            </div>
            <!-- // Controls Widget -->
        </div>

    </div>
    <!-- // Grid -->
</form>
@endsection