@extends('admin.main')

@section('content')

    @include('admin.tours.navigation',['id'=>$row->id])
    <div class="card">
        <!-- /.card-header -->
        <!-- form start -->
        <form id="FormUpdate" role="form" action="{{route('admin.put.tour.update')}}">
            <div class="card-body">
                @csrf

                <input type="hidden" name="id" value="{{$row->id}}">
                {{ method_field('PUT') }}
                <div class="row">


                    <div class="form-group col-md-5">
                        <label for="name">Name</label>
                        <input type="text" class="form-control" name="name" id="name" value="{{$row->name}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label for="img-alt">Slug</label>
                        <input type="text" class="form-control" name="slug" id="slug" value="{{$row->slug}}">
                    </div>


                    <div class="form-group col-md-5">
                        <label>Categories</label>
                        <select id="parent-select" data-route="{{route('admin.get.category.childs')}}"
                                name="category_id" class="select2 "
                                data-placeholder="Select Parent"
                                style="width: 100%;">
                            <option
                                value="{{$row->subCategory->category->id}}">{{$row->subCategory->category->name}}</option>

                            <optgroup label="Available Options">
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                            </optgroup>


                        </select>
                    </div>


                    <div id="sub-container" class="form-group col-md-5">
                        <label>Sub Categories</label>
                        <select id="sub-select" opt-group="true" name="sub_category_id" class="select2 "
                                data-placeholder="Select Sub" style="width: 100%;">
                            <option value="{{$row->subCategory->id}}">{{$row->subCategory->name}}</option>
                        </select>
                    </div>


                    <div class="form-group col-md-5">
                        <label for="price">Price Start From</label>
                        <input type="number" min="0" class="form-control" name="price_start_from" id="price"
                               value="{{$row->price_start_from}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label for="discount">Discount in degrees (%)</label>
                        <input type="number" min="0" max="100" class="form-control" name="discount" id="discount"
                               value="{{$row->discount}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label for="img-title">City</label>
                        <input type="text" class="form-control" name="city" id="img-title" value="{{$row->city}}">
                    </div>


                    <div class="form-group col-md-5">

                        <label>Number Of Stars</label>
                        <select name="num_of_stars" class="select2 " data-placeholder="Select Num Of Stars"
                                style="width: 100%;">
                            <option value="{{$row->num_of_stars}}">{{$row->num_of_stars}}</option>
                            <optgroup label="Available Options">
                                @for($i=1;$i<=5;$i++)
                                    <option value="{{$i}}">{{$i}}</option>
                                @endfor
                            </optgroup>
                        </select>

                    </div>


                    <div class="col-md-12">
                        <div class="form-group col-md-5">
                            <label for="img">Image</label>
                            <input type="file" class="form-control" name="img" id="img" accept="image/*">
                            <img class="img img-responsive" src="{{getImage(TOUR_PATH.$row->img)}}"
                                 style="height: 200px;width: 200px;">

                        </div>
                    </div>


                    <div class="form-group col-md-5">
                        <label for="img-title">Image Title</label>
                        <input type="text" class="form-control" name="img_title" id="img-title"
                               value="{{$row->img_title}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label for="img-alt">Image Alt</label>
                        <input type="text" class="form-control file-to-uploud" name="img_alt" id="img-alt"
                               value="{{$row->img_alt}}">
                    </div>


                    <div class="col-md-12">
                        <div class="form-group col-md-5">
                            <label for="cover">Cover</label>
                            <input type="file" class="form-control" name="cover" id="cover" accept="image/*">
                            <img class="img img-responsive" src="{{getImage(TOUR_PATH.$row->cover)}}"
                                 style="height: 200px;width: 400px;">

                        </div>
                    </div>

                    <div class="form-group col-md-5">
                        <label for="img-title">Cover Title</label>
                        <input type="text" class="form-control" name="cover_title" id="cover-title"
                               value="{{$row->cover_title}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label for="img-alt">Cover Alt</label>
                        <input type="text" class="form-control" name="cover_alt" id="cover-alt"
                               value="{{$row->cover_alt}}">
                    </div>

                    <div class="form-group col-md-10">
                        <label for="small-desc">Small Desc</label>
                        <textarea class="form-control" name="small_desc" id="small-desc">{{$row->small_desc}}</textarea>
                    </div>


                    <div class="form-group col-md-10">
                        <label for="full-desc">Full Desc</label>
                        <textarea class="form-control ckeditor" name="desc" id="full-desc">{{$row->desc}}</textarea>
                    </div>


                    <div class="form-group col-md-10">
                        <label for="inclusion">Inclusion</label>
                        <textarea class="form-control ckeditor" name="inclusion"
                                  id="inclusion">{{$row->inclusion}}</textarea>
                    </div>


                    <div class="form-group col-md-10">
                        <label for="exclusion">Exclusion</label>
                        <textarea class="form-control ckeditor" name="exclusion"
                                  id="exclusion">{{$row->exclusion}}</textarea>
                    </div>

                    <div class="form-group col-md-5">
                        <label for="duration">Duration</label>
                        <input type="text" class="form-control" name="duration" id="duration"
                               value="{{$row->duration}}">
                    </div>

                    <div class="form-group col-md-5">
                        <label>Duration Type</label>
                        <select name="duration_type" class="select2 " data-placeholder="Select Duration Type"
                                style="width: 100%;">
                            <option value="{{$row->duration_type}}">{{$row->duration_type}}</option>
                            <optgroup label="Duration Options">
                                <option value="Day">Day</option>
                                <option value="Hour">Hour</option>
                            </optgroup>

                        </select>
                    </div>

                    <div class="form-group col-md-5">
                        <label for="name">Code</label>
                        <input type="text" class="form-control" name="code" id="code" value="{{$row->code}}">
                    </div>

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

            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>


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


@endsection




@section('scripts')
    <script>
        //Initialize CkEditor
        CKEDITOR.replace('desc');
    </script>
@endsection