@extends('layouts.admin')
@section('page_title', 'ویرایش محصول')

@section('content')

    <div class="col-lg-12">
        <div class="portlet box shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="icon-settings"></i>
                        ویرایش محصول
                    </h3>
                </div><!-- /.portlet-title -->
                <div class="buttons-box">
                    <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه" href="#">
                        <i class="icon-size-fullscreen"></i>
                    </a>
                    <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن" href="#">
                        <i class="icon-arrow-up"></i>
                    </a>
                </div><!-- /.buttons-box -->
            </div><!-- /.portlet-heading -->
            <div class="portlet-body">
                <form role="form" method="post" action="" enctype="multipart/form-data">

                    @csrf
                    @method('PUT')
                    <div class="form-body">
                        <div class="form-group row">
                            <label for="fa_title" class="col-sm-3">عنوان فارسی</label>
                            <div class="col-sm-9">
                                <input name="fa_title" id="fa_title" type="text" class="form-control" placeholder="عنوان فارسی" value="{{$car->fa_title}}">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->get('fa_title') as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </div><!-- /.form-group -->
                        <div class="form-group row">
                            <label for="en_title" class="col-sm-3">عنوان انگلیسی</label>
                            <div class="col-sm-9">
                                <input name="en_title" id="en_title" type="text" class="form-control" placeholder="عنوان انگلیسی" value="{{$car->en_title}}">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->get('en_title') as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </div><!-- /.form-group -->
                        <div class="form-group row">
                            <label for="brand" class="col-sm-3">برند</label>
                            <div class="col-sm-9">
                                <select name="brand_id" id="brand_id" class="form-control select2">

                                    @foreach ($brands as $brand)
                                        <option value="{{$brand->id}}" @if($car->brand_id ==($brand->id)) selected @endif>{{$brand->fa_title}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->get('brand_id') as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </div><!-- /.form-group -->
                        <div class="form-group relative">
                            <input name="image" type="file" class="form-control">
                            <label>آپلود تصویر</label>
                            <div class="input-group round">
                                <input type="text" class="form-control file-input" placeholder="برای آپلود کلیک کنید">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-success">
                                        <i class="icon-picture"></i>
                                    </button>
                                </span>
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->get('image') as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div><!-- /.input-group -->
                    </div><!-- /.form-body -->

                            @if($car->image)
                                <img src="{{asset("$car->image")}}" class="img-thumbnail col-2 m-b-10" alt="">
                            @endif

                    <div class="form-actions">
                        <button type="submit" class="btn btn-success btn-round">
                            <i class="icon-check"></i>
                            ذخیره
                        </button>
                        <a href="{{url('dashboard/car')}}" class="btn btn-warning btn-round">
                            بازگشت
                            <i class="icon-close"></i>
                        </a>
                    </div><!-- /.form-actions -->
                </form>
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
@endsection