@extends('admin.layouts.index')
@section('css')
<link href="{{asset('admin2/css/plugins/slick/slick.css')}}" rel="stylesheet">
<link href="{{asset('admin2/css/plugins/slick/slick-theme.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin Projects| CS-Design</title>
@endsection
@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Projects</h2>
        <ol class="breadcrumb">
            <li>
                <a href="/admin/project/list">Admin</a>
            </li>
            <li>
                <a href="/admin/project/list">Projects</a>
            </li>
            <li class="active">
                <strong>Projects detail</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>


<div class="wrapper wrapper-content animated fadeInRight">
    @if(session()->has('success'))
    <div class="alert alert-success">
        {{session()->get('success')}}
    </div>
    @endif
    @if(session()->has('error'))
    <div class="alert alert-danger">
        {{session()->get('error')}}
    </div>
    @endif
    <div class="row">
        <div class="col-lg-11">
            <div class="ibox product-detail">
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="product-images">
                                <div>
                                    <div class="image-imitation" style="padding:0">
                                        <img src="{{$project->image}}" alt="" style="width:100%">
                                    </div>
                                </div>
                                @foreach($detail_images as $image)
                                <div>
                                    <div class="image-imitation" style="padding:0">
                                        <img src="{{$image}}" alt="" style="width:100%">
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="col-md-7">
                            <h2 class="font-bold m-b-xs">
                                    {{$project->name}}
                            </h2>
                            <small>{{$project->type}}</small>
                            <hr>
                            <div>
                                <a href="/admin/project/edit/{{$project->id}}" class="btn btn-primary pull-right">Edit Project</a>
                                <h1 class="product-main-price"> {{$project->category_name}} </h1>
                            </div>
                            <hr>
                            <h4>Project description (Eng)</h4>
                            <div class="small text-muted">
                                {!! $project->description !!}
                            </div>
                            <hr>
                            <h4>Project description (Vi)</h4>
                            <div class="small text-muted">
                                {!! $project->second_description !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            @endsection
            @section('js')
            <script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
            <!-- FooTable -->
            <!-- Custom and plugin javascript -->
            <script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/slick/slick.min.js')}}"></script>
            <!-- Page-Level Scripts -->
            <script>
                $(document).ready(function () {
                    $('.product-images').slick({
                        dots: true
                    });
                });
            </script>
            @endsection