@extends('admin.main')


@section('content_title', 'Create Hotel')


@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.get.home.index') }}">Home</a></li>
    <li class="breadcrumb-item"><a href="{{ route('admin.get.hotel.index') }}">Hotels</a></li>
    <li class="breadcrumb-item active">Create</li>
@endsection

@section('content')

    <div class="card col-md-12">
        <!-- /.card-header -->
        <!-- form start -->
        <form id="FormStore" role="form" action="{{route('admin.post.hotel.store')}}">
            <div class="card-body">
                @csrf

                <div class="row">
                    <div class="form-group col-md-6">
                        <label>Name</label>
                        <input type="text" class="form-control" name="name">
                    </div>

                    <div class="form-group col-md-6">
                        <label>Stars</label>
                        <select class="select2" data-placeholder="Select Stars" style="width: 100%;" name="stars">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5" selected>5</option>
                        </select>
                    </div>

                    <div class="form-group col-md-6">
                        <label>Country</label>
                        <select class="select2"   id="parent-select" data-route="{{route('admin.get.country.childs')}}" data-placeholder="Select Country" style="width: 100%;">
                            <option value="">Choose Country</option>
                            @foreach($countries as $country)
                              <option value="{{$country->id}}">{{$country->name}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-6">
                        <label>City</label>
                        <select id="sub-select"  name="city_id" class="select2" data-placeholder="Select City" style="width: 100%;">
                            <option value="">Choose City</option>


                        </select>
                    </div>

                    <div class="form-group col-md-12">
                        <label for="img">Image</label>
                        <input type="file" class="form-control" name="img" id="img" accept="image/*">
                    </div>

                    <div class="form-group col-md-6">
                        <label>Image Title</label>
                        <input type="text" class="form-control" name="img_title">
                    </div>

                    <div class="form-group col-md-6">
                        <label for="img-alt">Image Alt</label>
                        <input type="text" class="form-control" name="img_alt">
                    </div>
                </div>

            </div>
            <!-- /.card-body -->

            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </form>
    </div>
    <!-- /.card -->


@endsection