@extends('layouts.master')
@section('content')
<br>
@if (session('status'))
<div class="alert alert-success text-center col-sm-8 col-sm-offset-2 text-uppercase">
    {{ session('status') }}
</div>
@endif
<div class="col-md-12 paddingBottom10">
  <br>

    <div>
      <a class="btn btn-primary col-md-1 col-md-offset-10" href="{{ $url = route('emails.create')}}"><i class="fa fa-plus" aria-hidden="true"></i>
      New 
      </a> 
    </div>
</div>

<div class="row">
  <div class="col-md-12 paddingBottom10">
  </div>
  <div class="col-md-12">
    <div class="panel panel-sky">
        <div class="panel-heading">
          <h4>Cities</h4>
          <h4 class="pull-right">Total City({{$total }})</h4>
        </div>
        <div class="panel-body collapse in">
          <div class="table-responsive">
            <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered datatables">
              <thead>
                <tr>
                    <th>id</th>
                    <th>City</th>
                    <th>State</th>
                    <th>Country</th>
                    <th>created_at</th>   
                    <th>Action</th> 
                </tr>
              </thead>
              <tbody>

              @foreach ($cities as $city)
                <tr> 
                    <td>{{ $city->id }} </td>  
                    <td>{{ $city->city_name }}</td>
                    <td>{{ $city->state_name }}</td>
                    <td>{{ $city->country_name }}</td>
                    <td>{{ $city->created_at }}</td>
                    <td>
                      <div class="dropdown">
                        <button class="btn  dropdown-toggle" type="button" data-toggle="dropdown">
                        <span class="caret"></span></button>
                        <ul class="dropdown-menu">
                          <li><a href="{{ $url = route('emails.edit', [$city->id])}}">Edit</a></li>
                          <li>   
                            <form action="{{ url('emails/'.$city->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this Email?');">
                                  {{ csrf_field() }}
                                  {{ method_field('DELETE') }}
                                  <button  class ='btn btn-default' , type="submit" id="{{ $city->id }}" >
                                      <i class="far fa-trash-alt"></i> Delete
                                  </button>
                            </form>
                          </li>
                        </ul>
                      </div>
                    </td>                                   
                  </tr>                  
                @endforeach
              </tbody>
            </table>


          </div>
        </div>
      </div>
    </div>


    <!-- Modal end here -->
</div>  

<script type="text/javascript">
  $(function(){
    $('#daterangepicker1').daterangepicker();    
  });
</script>
<!-- CK Editor -->
<script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script>
<script>
  $(window).load(function(){
    CKEDITOR.replace('editor1');      
  });

</script>

<br>
@if ( $errors->count() > 0 )
      <p>The following errors have occurred:</p>
      <ul>
        @foreach( $errors->all() as $message )
          <li class="error ">{{ $message }}</li>
        @endforeach
      </ul>
@endif  

@endsection