@extends('adminlte::page')

@section('title', 'Add Travel Guide Tags')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6 col-6">
            <h1>Add Travel Guide Tags</h1>
        </div>
    </div>
@stop


@section('content')
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb bg-white">
			<li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
			<li class="breadcrumb-item text-bold"><a href="{{ route('admin.travel-guide.country') }}">Countries</a></li>
			<li class="breadcrumb-item text-bold"><a href="{{ route('admin.travel-guide.tag.index') }}">Tags</a></li>
			<li class="breadcrumb-item active text-bold" aria-current="page">Add</li>
		</ol>
	</nav>
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <div class="card box-primary">
                <!-- form start -->
                <form role="form" enctype="multipart/form-data" method="POST" action="{{ route('admin.travel-guide.tag.store') }}" autocomplete="off">
                    @csrf
                    <div class="card-body">
						<div class="form-group">
                            <label>Name</label>
                            <input type="text" class="form-control" name="name" placeholder="Tag Name..." value="{{ old('name') }}" required>
                        </div>						
						<div class="box-footer">
							<button type="submit" class="btn btn-primary">Submit</button>
						</div>
                    </div>
                    <!-- /.box-body -->

            
                </form>
            </div>
            <!-- /.box -->
        </div>
    </div>
@stop

@section('css')
{{-- <style>
    #fileList span.file-item {
        display: inline-block;
        background: #f1f1f1;
        border-radius: 20px;
        padding: 5px 10px;
        margin: 4px 6px 4px 0;
        font-size: 14px;
    }

    #fileList span.file-item button.remove-btn {
        background: transparent;
        border: none;
        color: #e00;
        font-weight: bold;
        font-size: 16px;
        margin-left: 6px;
        cursor: pointer;
    }

    #fileList span.file-item button.remove-btn:hover {
        color: #a00;
    }
</style> --}}


@endsection


@section('js')

  
@stop