@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="brand" enctype="multipart/form-data">

                    @csrf
                    <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="عنوان فارسی">
                                @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="عنوان انگلیسی">
                                @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 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 class="help-block"></div>
                        </div><!-- /.form-group -->

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

                    <div class="form-actions">
                        <button type="submit" class="btn btn-success btn-round">
                            <i class="icon-check"></i>
                            ذخیره
                        </button>
                    </div><!-- /.form-actions -->
                </form>
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
    <div class="col-lg-12">
        <div class="portlet box shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="icon-frane"></i>
                       {{-- جدول با Data Table--}}
                    </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">

                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped" id="data-table">
                        <thead>
                        <tr>
                            <th>ردیف</th>
                            <th>عنوان فارسی</th>
                            <th>عنوان انگلیسی</th>
                            <th>تصویر</th>
                            <th>عملیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($brands as $brand)
                            <tr>
                                <td>{{$loop->index+1}}</td>
                                <td>{{$brand->fa_title}}</td>
                                <td>{{$brand->en_title}}</td>
                                <td class="col-1">
                                    <img src="{{asset("$brand->image")}}" class="img-thumbnail" alt="">
                                </td>
                                <td>
                                    <a href="{{url("dashboard/brand/$brand->id/edit")}}" class="btn btn-info">ویرایش</a>

                                    @if($brand->status == 1)
                                        <a href="{{url("dashboard/brand/$brand->id/de-active")}}" class="btn btn-danger">غیرفعال کردن</a>
                                    @elseif($brand->status == 0)
                                        <a href="{{url("dashboard/brand/$brand->id/active")}}" class="btn btn-success">فعال کردن</a>
                                    @endif

                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div><!-- /.table-responsive -->
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
@endsection

@section('js')

    @if(session('success'))
        <script>
            swal('','{{session('success')}}','success');
        </script>
    @elseif(session('error'))
        <script>
            swal('','{{session('error')}}','error');
        </script>
    @endif

@endsection