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

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                @if ($country->id)
                    <h1>{{ $country->name }}</h1>
                @else
                    <h1>New Country</h1>
                @endif
            </div>
        </div>
    </div>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="container-fluid">
            @php
                echo $form->toHtml();
            @endphp
        </div>
    </div>
</section>
@endsection

@section('page_level_js')
<script type="text/javascript">
    $('body').on('change', '#country_form .custom-control-input', function() {
        if ($(this).is(':checked')) {
            var index = $(this).parents('tr.option').index();

            $('#country_form .custom-control-input').each(function() {
                if ($(this).parents('tr.option').index() != index) {
                    $(this).prop('checked', false);
                }
            });
        }
    });
</script>
@endsection