@extends('admin::layouts.master')

@section('title')
@lang('translation.Countries')
@endsection

@section('content')
@component('admin::components.breadcrumb')
@slot('li_1')
Dashboard
@endslot
@slot('title')
Countries
@endslot
@endcomponent

@if ($text = Session::get('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ $text }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@elseif ($text = Session::get('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $text }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <table id="datatable-buttons" class="table table-bordered dt-responsive nowrap w-100">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Code</th>
                            <th>Currency</th>
                            <th>Currency Code</th>
                            <th>Flag</th>
                            <th>Show</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($countries as $index => $value)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $value->name }}</td>
                            <td>{{ $value->code }}</td>
                            <td>{{ $value->currency }}</td>
                            <td>{{ $value->currency_code }}</td>
                            <td><a href="{{ asset($value->flag) }}" target="_blank"><img src="{{ asset($value->flag) }}" alt="" width="24" /></a></td>
                            <td>
                                @if ($value->show == 1) <span class="badge bg-success">Yes</span>
                                @else<span class="badge bg-warning">No</span>
                                @endif
                            </td>
                            <td>
                                @if ($value->status == 1) <span class="badge bg-success">Active</span>
                                @else<span class="badge bg-warning">Inactive</span>
                                @endif
                            </td>
                            <td>
                                <button type="button" class="btn btn-soft-info btn-sm" data-bs-toggle="modal" data-bs-target="#myModal{{ $value->id }}"><i class="mdi mdi-pencil-outline"></i></button>

                                <!-- sample modal content -->
                                <div id="myModal{{ $value->id }}" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <form action="{{ route('admin.country.update', $value->id) }}" method="POST">
                                                @csrf
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="myModalLabel">Edit {{ $value->name }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="mb-3">
                                                                <label for="status">Status</label>
                                                                <select name="status" class="form-control">
                                                                    <option @if($value->status == '1')selected @endif value="1">Active</option>
                                                                    <option @if($value->status == '0')selected @endif value="0">Inactive</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="mb-3">
                                                                <label for="show">Show</label>
                                                                <select name="show" class="form-control">
                                                                    <option @if($value->show == '1')selected @endif value="1">Yes</option>
                                                                    <option @if($value->show == '0')selected @endif value="0">No</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">Close</button>
                                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Save</button>
                                                </div>
                                            </form>

                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->
@endsection