@extends('fronted.layout.main')
@section('adcontent')
<style>
   .modal-center {
   display:table;
   height: 100%;
   width: 100%;
   }
   .modal-align-center {: table-cell;vertical-align: middle;}
   .modal-content {height:inherit;margin: 0 auto;}
</style>
<div class="container-fluid shadow-lg bg-info p-sm-1 mt-3   align-items-center ">
   <span id="mainHeadingText" class="fs-6 text-uppercase text-white fw-bold">State Master</span>
   <span class="float-end fs-6 text-uppercase align-items-center text-white fw-bold">
   <i class="fa fa-user text-dark"></i>
   Admin
   <i id="sidebarCollapse" class="fa fa-bars text-white me-2"></i>
   </span>
</div>
<div class="container-fluid mt-2">
   <div class="container d-flex justify-content-around align-items-center fs-6 g-3">
      <div class="container my-1">
         <p class="text-info p-text">Total State :-<span class="text-warning">{{ $statecount }}</span>
            <i class="bi bi-person-circle"></i>
         </p>
      </div>
      <div class="container my-1">
         <p class="p-text"><a href="#" class="btn btn-warning btn-sm text-white fw-medium ">Add State</a></p>
      </div>
   </div>
   @if ($message = Session::get('success'))
   <div class="alert alert-success alert-block">
      <strong>{{ $message }}</strong>
   </div>
   @endif
   <div class="container-fluid shadow p-0">
      <div class="table-responsive p-0">
         <table class="table table-striped text-center table-bordered " id="table">
            <thead class="align-middle">
               <tr>
                  <th>S.NO</th>
                  <th>Country Id</th>
                  <th>State Name</th>
                  <th>ACTION</th>
               </tr>
            </thead>
            <tbody class="align-middle">
               <form method="POST" action="{{route('addstate')}}"  enctype="multipart/form-data">
                  @csrf
                  <tr>
                     <td></td>
                     @php
                     $data = DB::table('countries')->get();
                     @endphp
                     <td>
                        <select class="form-control">
                           @foreach($data as $temp)
                           <option value="{{$temp->id}}">{{$temp->country_name }}</option>
                           @endforeach  
                        </select>
                     </td>
                     <td>  
                        <input type="text" class="form-control border-0   text-center" name="state_name">
                     </td>
                     </td>
                     <td><button class=" btn btn-success roombtn btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Add states" type="submit" >Submit</button></td>
                  </tr>
               </form>
               @php 
               $data = DB::table('states')->get();
               @endphp
               @php($count=0)
               @foreach($data as $temp)
               @php($count++)
               <tr>
                  <td>{{$count}}</td>
                  <td>{{$temp->country_id}}
                  </td>
                  <td>{{$temp->state_name}}</td>
                  <td>
                     <div class="d-flex gap-2 justify-content-center">
                        <form action="{{ route('statedelete', $temp->id) }}" method="POST">
                           @csrf
                           <button type="submit" class="confirmation btn " title="Delete"
                              onclick="return confirm('Are You sure')"><i class="fa fa-trash fa-lg text-danger"></i></button>
                        </form>
                        <a data-toggle="modal" data-target="#myModal{{$count}}"> <button class="btn editbtn" data-bs-toggle="tooltip" data-bs-placement="top" title="Update" type="button"><i class="fa fa-pencil fa-lg text-success"></i></button></a>
                        <div class="modal fade" id="myModal{{$count}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                           <div class="modal-center">
                              <div class="modal-dialog .modal-align-center">
                                 <div class="modal-content">
                                    <div class="modal-header">
                                       <div class="col-md-6 col-sm-6">
                                          <p class="modal-title" id="myModalLabel{{$count}}">Update state</p>
                                       </div>
                                       <div class="col-md-6 col-sm-6">
                                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span>
                                          </button>
                                       </div>
                                    </div>
                                    <div class="modal-body">
                                       <form method="POST" action="{{route('stateupdate',$temp->id)}}"  enctype="multipart/form-data">
                                          @csrf
                                          <div class="row">
                                             <div class="col-md-12 col-sm-12">
                                                <input class="form-control" type="text" placeholder="Enter Here" name="state_name" value="{{ $temp->state_name }}">
                                             </div>
                                             <div class="col-md-12 col-sm-12">
                                                <input type="submit" class="btn btn-primary" value="Update">
                                             </div>
                                          </div>
                                       </form>
                                    </div>
                                    <div class="modal-footer">
                                       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
               @endforeach
            </tbody>
         </table>
      </div>
   </div>
</div>
@endsection