@extends('layouts.manage')

@section('content') 

@if ($message = Session::get('success'))
<x-alert type="success" message="{{ $message }}" />
@endif

<form method="post" action="">
@csrf
@method('PUT') 

<div class="relative flex flex-col xl:flex-row justify-between gap-10">
    <div class="flex flex-col w-full bg-white rounded-3xl shadow-2xl p-14 md:p-10">
        <table class="table-auto border">
            <thead>
                <tr>
                    <th class="border">ID</th>
                    <th class="border">City Name</th>
                    <th class="border">City Address</th>
                    <th class="border">Country</th>
                    <th class="border">Contact Name</th>
                    <th class="border">Contact Address</th>
                    <th class="border">Contact Email</th>
                    <th class="border">Contact Number</th>
                    <th class="border">&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($cities as $key => $city) 
                <tr {{ $loop->even ? 'class=even' : '' }}>
                    <td class="border text-center">{{ $city->city_id }}</td>
                    <td class="border text-center">{{ $city->city_name }}</td>
                    <td class="border text-center">{{ $city->city_address }}</td>
                    <td class="border text-center">{{ $city->country }}</td>
                    <td class="border text-center">{{ $city->contact_name }}</td>
                    <td class="border text-center">{{ $city->billing_address }}</td>
                    <td class="border text-center">{{ $city->contact_email }}</td>
                    <td class="border text-center">{{ $city->contact_number }}</td>
                    <td class="border text-center">
                        <a href="{{ route('city.edit', $city->city_id) }}">
                            <svg class="inline" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen" class="svg-inline--fa fa-pen fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path fill="currentColor" d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"></path></svg>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="py-5">
            {!! $cities->links() !!}
        </div>
    </div>
</div>

</form>

@stop