@extends('layouts.master')
@section('content')



<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12 text-center">
            <div class="multisteps-form mb-5">

     @if ($message = Session::get('success'))
              <div class="alert alert-success" role="alert">{{ $message }}</div>
     @elseif ($message = Session::get('error'))
     <div class="alert alert-danger" role="alert">{{ $message }}</div>
     @endif
     @if ($errors->any())
         <div class="alert alert-danger">
             <ul>
                 @foreach ($errors->all() as $error)
                     <li>{{ $error }}</li>
                 @endforeach
             </ul>
         </div>
     @endif
   

                <div class="row">
                    <div class="col-12 col-lg-8 mx-auto my-5">
                        <div class="card">
                            <div class="card-body">
                                @csrf
                                <div class="multisteps-form__panel js-active" data-animation="FadeIn">
                                    <div class="multisteps-form__panel" data-animation="FadeIn">
                                        <div class="multisteps-form__content">
                                                <div class="row text-start">
                                                    <form method='post' action='{{route("storeFacility")}}'>
                                                        @csrf
                                                        <div class="col-12 col-md-12 mt-3 text-center">
                                                        <div class="input-group input-group-static">
                                                        <label>Facility Id</label>
                                                        <input class="multisteps-form__input form-control" type="text" name = "id" >
                                                        </div>
                                                        </div>
                                                        <div class="col-12 col-md-12 mt-3 text-center">
                                                        <div class="input-group input-group-static">
                                                        <label>Facility Name</label>
                                                        <input class="multisteps-form__input form-control" type="text" name = "name" >
                                                        </div>
                                                        </div>
                                                        <div class="col-12 col-md-12 mt-3 text-center">
                                                        <div class="input-group input-group-static">
                                                        <label>District Name</label>
                                                        <select class='form-control' name='district'>
                                                            @foreach($district as $item)
                                                            <option value='{{$item->district_id}}'>{{$item->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        </div>
                                                        </div>

                                                </div>
                                                <div class="row">
                                                    <div class="button-row d-flex mt-4 col-12">
                                                        <button class="btn bg-gradient-dark ms-auto mb-0" type="submit" title="Send">Submit</button>
                                                    </div>
                                                </div>
                                        </div>
                                    </div>
                                </div>
                         
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection