@extends('dashboard.layout.partials.dashboard')
@section('content')
<div class="container-fluid">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
 
                <div class="card shadow">
                  
                 <div class="card-header bg-color">
                      <h4 class="text">Add Area</h4>
                 </div>
                  <div class="card-body ">
                    <form class="forms-sample" method="POST" action="{{route('area.store')}}" enctype="multipart/form-data">
                     @csrf()
                      <div class="form-group">
                        <label for="product_name">Area Name<span style="color:red">*</span></label>
                        <input type="text" class="form-control" name="area_name" autocomplete="off" placeholder="Area Name">
                      </div>
                      <div class="form-group">
                        <label for="product_name">City<span style="color:red">*</span></label>
                        <select class='form-control' name='city_id'>
                            @php
                            $city=App\Models\City::all();
                            @endphp
                            @foreach($city as $item)
                            <option value='{{$item->id}}'>{{$item->city_name}}</option>
                            @endforeach
                        </select>
                      </div>
                      <button type="submit" class="btn btn-gradient-danger me-2">Submit</button>
                      <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
                    </form>
                  </div>
                </div>
              
              </div>

<style>
    .bg-color{
        background-color:white;
        padding-top:20px;
 text-align: center !important;
    }
    .text{
        font-size: 24px; 
        font-family: "Arial", sans-serif; 
    font-weight: bold;
    color:black;
    font-family: "Arial", sans-serif; 
    }
</style>
@endsection