@extends('backend.layout.master')
@section('backend-head')
    <!-- DataTables CSS -->
    <link href="{{ asset('backend/css/plugins/dataTables.bootstrap.css') }}" rel="stylesheet">
@endsection
@section('backend-main')
    @if (session()->has('pro-updated'))
        <div class="row" style="margin-top: 30px;">
            <div class="col-md-22">
                <p class="alert alert-success">{{ session()->get('pro-updated') }}</p>
            </div>
        </div>
    @endif
    @if (session()->has('img-deleted'))
        <div class="row" style="margin-top: 30px;">
            <div class="col-md-22">
                <p class="alert alert-success">{{ session()->get('img-deleted') }}</p>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">تعديل المنتج</h1>
            @include('common.messages')
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <form method="post" action="{{ route('products.update', $product->id) }}" enctype="multipart/form-data">
                {{ csrf_field() }}
                {{ method_field('PUT') }}


                @if (isset($product->condition))

                    <div class="form-group" id="hiddenDivCars">
                        <div class="row">
                            <div class="col-md-2">
                                <label for="car_cat">التصنيف</label>
                            </div>
                            <div class="col-md-10">
                                <select name="car_cat" id="car_cat" class="form-control js-example-basic-single">
                                    <option value="0">--- اختر من القائمة ---</option>
                                    @foreach ($cars_cats as $cars_cat)
                                        <option value="{{ $cars_cat->id }}"
                                            @if ($product->subcategory_id == $cars_cat->id)
                                                selected
                                            @endif
                                        >{{ $cars_cat->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="brand_id">النوع</label>
                            </div>
                            <div class="col-md-10">
                                <select name="brand_id" id="brand_id" class="form-control js-example-basic-single">
                                    @foreach ($brands as $brand)
                                        <option value="{{ $brand->id }}"
                                            @if ($product->brand_id == $brand->id)
                                                selected
                                            @endif
                                        >{{ $brand->ar }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="type_id">الفئة</label>
                            </div>
                            <div class="col-md-10">
                                <select name="type_id" id="type_id" class="form-control js-example-basic-single">
                                    @foreach ($types as $type)
                                        <option value="{{ $type->id }}"
                                                @if ($product->type_id == $type->id)
                                                selected
                                                @endif
                                        >{{ $type->ar }}</option>
                                    @endforeach

                                </select>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="car_Year">سنة الصنع</label>
                            </div>
                            <div class="col-md-10">
                                <select name="car_Year" id="car_Year" class="form-control js-example-basic-single">
                                    @foreach ($years as $year)
                                        <option value="{{ $year->year }}"
                                                @if ($product->car_Year == $year->year)
                                                selected
                                                @endif
                                        >{{ $year->year }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="condition">حالة السيارة</label>
                            </div>
                            <div class="col-md-10">
                                <select name="condition" id="condition" class="form-control js-example-basic-single">
                                    <option value="new" @if ($product->condition == 'new')
                                        selected
                                    @endif>جديدة</option>
                                    <option value="used" @if ($product->condition == 'used')
                                    selected
                                    @endif>مستعملة</option>
                                </select>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="tramsmission">ناقل الحركة</label>
                            </div>
                            <div class="col-md-10">
                                <select name="tramsmission" id="tramsmission" class="form-control js-example-basic-single">
                                    <option value="regular" @if ($product->tramsmission == 'regular')
                                        selected
                                    @endif>عادي</option>
                                    <option value="automatic" @if ($product->tramsmission == 'automatic')
                                    selected
                                    @endif>اوتوماتيك</option>
                                </select>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="color">لون السيارة</label>
                            </div>
                            <div class="col-md-10">
                                <select name="color" id="color" class="form-control js-example-basic-single">
                                    @foreach ($colors as $color)
                                        <option value="{{ $color->id }}"
                                                @if ($product->color_id == $color->id)
                                                selected
                                                @endif
                                        >{{ $color->ar }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>

                @elseif(isset($product->surface))
                    <div class="form-group" id="hiddenDivlands">
                        <div class="row">
                            <div class="col-md-2">
                                <label for="land_cat">التصنيف</label>
                            </div>
                            <div class="col-md-10">
                                <select name="land_cat" id="land_cat" class="form-control js-example-basic-single">
                                    @foreach ($lands_cats as $lands_cat)
                                        <option value="{{ $lands_cat->id }}"
                                            @if ($product->subcategory_id == $lands_cat->id)
                                                selected
                                            @endif
                                        >{{ $lands_cat->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-2">
                                <label for="surface">المساحة بالمتر المربع</label>
                            </div>
                            <div class="col-md-10">
                                <input type="text" id="surface" name="surface" class="form-control"
                                       value="{{ $product->surface }}" placeholder="مساحة العقار بالمتر المربع">
                            </div>
                        </div>

                    </div>


                    <div class="form-group" id="hiddenDivlands2">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <label for="rooms">عدد الغرف</label>
                                        </div>
                                        <div class="col-md-10">
                                            <select name="rooms" id="rooms" class="form-control js-example-basic-single">
                                                <option value="1" @if ($product->rooms == '1') selected @endif>1</option>
                                                <option value="2" @if ($product->rooms == '2') selected @endif>2</option>
                                                <option value="3" @if ($product->rooms == '3') selected @endif>3</option>
                                                <option value="4" @if ($product->rooms == '4') selected @endif>4</option>
                                                <option value="5" @if ($product->rooms == '5') selected @endif>5</option>
                                                <option value="6" @if ($product->rooms == '6') selected @endif>اكثر</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <label for="bathrooms">عدد الحمامات</label>
                                        </div>
                                        <div class="col-md-10">
                                            <select name="bathrooms" id="bathrooms"
                                                    class="form-control js-example-basic-single">
                                                <option value="1" @if ($product->bathrooms == '1') selected @endif>1</option>
                                                <option value="2" @if ($product->bathrooms == '2') selected @endif>2</option>
                                                <option value="3" @if ($product->bathrooms == '3') selected @endif>3</option>
                                                <option value="4" @if ($product->bathrooms == '4') selected @endif>4</option>
                                                <option value="5" @if ($product->bathrooms == '5') selected @endif>5</option>
                                                <option value="6" @if ($product->bathrooms == '6') selected @endif>اكثر</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                @else

                    <div class="form-group" id="hiddenDivcats">
                        <div class="row">
                            <div class="col-md-12">
                                <div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <label for="category_id">التصنيف</label>
                                            </div>
                                            <div class="col-md-10">
                                                <select name="category_id" id="category_id"
                                                        class="form-control js-example-basic-single">
                                                    @foreach ($categories as $category)
                                                        <option value="{{ $category->id }}"
                                                            @if ($category->id == $product->category_id)
                                                                selected
                                                            @endif
                                                        >{{ $category->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <label for="subcategory_id">التصنيف الفرعي</label>
                                            </div>
                                            <div class="col-md-10">
                                                <select name="subcategory_id" id="subcategory_id" class="form-control js-example-basic-single">
                                                    @foreach ($subcategories as $subcategorie)
                                                        <option value="{{ $subcategorie->id }}"
                                                                @if ($subcategorie->id == $product->subcategory_id)
                                                                selected
                                                                @endif
                                                        >{{ $subcategorie->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                @endif








                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="title">العنوان</label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="title" name="title" value="{{ $product->title }}" placeholder="عنوان المنتج أو الخدمة">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="user_id">الكاتب</label>
                        </div>
                        <div class="col-md-10">
                            <select name="user_id" id="user_id" class="form-control">
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}"
                                    @if ($user->id == $product->user_id)
                                        selected
                                    @endif
                                    >{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="description">الوصف</label>
                        </div>
                        <div class="col-md-10">
                            <textarea name="description" id="description" cols="20" rows="5" class="form-control" placeholder="وصف المنتج أو الخدمة">{{ $product->description }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="price">السعر</label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="price" name="price" value="{{ $product->price }}" placeholder="عنوان المنتج أو الخدمة">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="city">المدينة</label>
                        </div>
                        <div class="col-md-10">
                            <select class="js-example-basic-single form-control" name="city" id="city">
                                @foreach ($countries as $country)
                                    <optgroup label="{{ $country->ar }}">
                                        @foreach ($country->cities as $city)
                                            <option value="{{ $city->ar }}"
                                                @if ($product->city == $city->ar)
                                                    selected
                                                @endif
                                            >{{ $city->ar }}</option>
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="price">الصورة الرئيسية</label>
                        </div>
                        <div class="col-md-10">
                            <input type="file" id="picture" name="picture">
                            @if (!empty($product->picture))
                                <div class="div-img" style="margin-bottom: 35px;">
                                    <img src="{{ asset('products/' . $product->picture) }}" alt="">
                                    <a class="btn btn-danger btn-block" href="{{ route('deleteMainImage', $product->id) }}"><i class="fa fa-trash-o" style="margin-left: 5px;"></i>حذف</a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                            <label for="images">الصور الفرعية</label>
                        </div>
                        <div class="col-md-10">
                            <input type="file" id="images" name="images[]" multiple>
                            @if (count($product->images) > 0)
                                <div class="">
                                    <ul class="list-inline product-other-imgs">
                                        @foreach ($product->images as $image)
                                            <li>
                                                <img src="{{ asset('products/' . $image->path) }}" alt="">
                                                <a class="btn btn-danger btn-block" href="{{ route('productDeleteImage', $image->id) }}"><i class="fa fa-trash-o" style="margin-left: 5px;"></i>حذف</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="checkbox">
                                <label>
                                    <input value="1" type="checkbox" name="status"
                                        @if ($product->status == 1)
                                            checked
                                        @endif
                                    >مفعل
                                </label>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="form-group">
                    <div class="row">
                        <div class="col-md-12">
                            <input type="submit" class="form-control btn btn-primary" value="تحديث">
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
@endsection

@section('backend-footer')
    <!-- DataTables JavaScript -->
    <script src="{{ asset('backend/js/jquery/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('backend/js/bootstrap/dataTables.bootstrap.min.js') }}"></script>
    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
        $(document).ready(function() {
            $('#dataTables-example').dataTable();
        });
    </script>
@endsection