@extends('admin.layouts.index')
@section('css')
<link href="{{asset('admin2/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}}"
    rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.2.0/trix.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
@endsection
@section('title')
<title>Admin - Project | CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>
            @if(isset($project_edit))
                @lang('edit-prj')
            @else
                @lang('create-prj')
            @endif
        </h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">@lang('admin')</a>
            </li>
            <li>
                <a href="/admin/project/list">@lang('prj')</a>
            </li>
            <li class="active">
                <strong>
                @if(isset($project_edit))
                    @lang('edit')
                @else
                    @lang('create')
                @endif
                </strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
@if($errors->any())
<div class="alert alert-danger">
    <ul class="list-group">
        @foreach($errors->all() as $error)
        <li class="list-group-item">
            {{ $error }}
        </li>
        @endforeach
    </ul>
</div>
@endif
<div class="content" style="margin-top:30px">
    @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
    @yield('content')
</div>
<div class="wrapper wrapper-content animated fadeInRight ecommerce">
    <div class="row">
        <div class="col-lg-12">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="@if(!session()->has('page'))active
                    @endif"><a data-toggle="tab" href="#tab-1">@lang('prj-info')</a></li>
                    @if (isset ($project_edit))
                    <li class="@if(session()->has('page'))active @endif"><a data-toggle="tab" href="#tab-4">@lang('img-detail')</a></li>
                    @endif
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane @if(!session()->has('page'))active
                    @endif">
                        <div class="panel-body">
                            <form
                                action="{{ isset($project_edit) ? '/admin/project_edit/update/'.$project_edit->id: '/admin/project/store'}}"
                                method="POST" class="form-horizontal" enctype="multipart/form-data" id="demo_hidden">
                                @csrf
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (Eng)</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="name"
                                            value="{{ isset($project_edit) ? $project_edit->name:   ''  }}" required>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('name') (Vi)</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="name_vi"
                                            value="{{ isset($project_edit) ? $project_edit->second_name:   ''  }}" required>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('type') (Eng)</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="type"
                                            value="{{ isset($project_edit) ? $project_edit->type:   ''  }}" required>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('type') (Vi)</label>
                                    <div class="col-sm-10"><input type="text" class="form-control" name="type_vi"
                                            value="{{ isset($project_edit) ? $project_edit->second_type:   ''  }}" required>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('select-cate')<br />
                                    </label>
                                    <div class="col-sm-10">
                                        <select name="category" class="form-control">
                                            @foreach ($categories as $category)
                                            <option value="{{$category->id}}" @if(isset($project_edit)) @if($category->
                                                id ==
                                                $project_edit->category_id)
                                                selected
                                                @endif
                                                @endif
                                                > {{$category->name}}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Eng)</label>
                                    <div class="col-sm-10">
                                        <textarea type="text" class="form-control" name="description" id="detail"
                                            required>{{ isset($project_edit) ? $project_edit->description:   ''  }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('des') (Vi)</label>
                                    <div class="col-sm-10"><textarea class="summernote" type="text" class="form-control"
                                            name="description_vi" id="detail"
                                            required>{{ isset($project_edit) ? $project_edit->second_description:   ''  }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('img')</label>
                                    <div class="col-sm-10">
                                        <input type="file" id="user_profile_pic" class="form-control"
                                            accept="image/x-png,image/gif,image/jpeg"
                                            {{ isset($project_edit) ? '' :   'required'  }} name="image">
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('img') 2</label>
                                    <div class="col-sm-10">
                                        <input type="file" id="user_profile_pic" class="form-control"
                                            accept="image/x-png,image/gif,image/jpeg"
                                            {{ isset($project_edit) ? '' :   'required'  }} name="image2">
                                    </div>
                                </div>
                                @if(isset($project_edit))

                                <div class="form-group"><label class="col-sm-2 control-label">@lang('order')</label>
                                    <div class="col-sm-10"> <input type="text" class="form-control"
                                            value="{{$project_edit->order}}" required name="order">
                                    </div>
                                </div>
                                @endif
                                @if(!isset($project_edit))
                                <div class="form-group"><label class="col-sm-2 control-label">@lang('img-detail')</label>
                                    <div class="col-sm-10"> <input type="file" id="user_profile_pic"
                                            class="form-control" accept="image/x-png,image/gif,image/jpeg"
                                            name="images[]" multiple>
                                    </div>
                                </div>
                                @endif
                                <div class="hr-line-dashed"></div>
                                @if (isset ($project_edit))
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">
                                    </label>
                                    <div class="col-sm-10">
                                        <img src="{{$project_edit->image}}" alt=""
                                            style="width:400px;border-radius:5px">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">
                                    </label>
                                    <div class="col-sm-10">
                                        <img src="{{$project_edit->image2}}" alt=""
                                            style="width:400px;border-radius:5px">
                                    </div>
                                </div>
                                @endif
                                <div class="form-group">
                                    <div class="col-sm-4 col-sm-offset-2">
                                        <button class="btn btn-primary" id="submit-form-btn"
                                            onclick="submitForm('#demo_hidden', '#submit-form-btn')"
                                            type="submit">
                                            @if(isset($project_edit))
                                                @lang('edit-prj')
                                            @else
                                                @lang('create-prj')
                                            @endif
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    @if (isset ($project_edit))
                    <div id="tab-4" class="tab-pane  @if(session()->has('page'))active
                    @endif">
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-stripped">
                                    <thead>
                                        <tr>
                                            <th style="width: 20%;">
                                                @lang('img-preview')
                                            </th>
                                            <th>
                                                @lang('img-edit')
                                            </th>
                                            <th>
                                                @lang('set-order')
                                            </th>
                                            <th>
                                                @lang('img-delete') (1 Click)
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(isset($project_images))
                                        @foreach($project_images as $project_image)
                                        <tr>
                                            <td>
                                                <img src="{{$project_image->name}}" alt=""
                                                    style="width:100%;border-radius:5px">
                                            </td>
                                            <form action="/admin/project_image/edit/{{$project_image->id}}"
                                                method="post" enctype="multipart/form-data">
                                                @csrf
                                                <td>
                                                    <div class="row">
                                                        <div class="col-lg-8">
                                                            <input type="hidden" id="id_product" class="" name="id_product" value="{{$project_image->id_project}}">
                                                            <input type="file" id="file" class="form-control" name="image" required>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <button type="submit"  class="btn btn-primary" style="width: 100%;">
                                                                Update
                                                            </button>
                                                        </div>
                                                    </div>
                                                </td>
                                            </form>
                                            <td style="width: 20%;">
                                            <form action="/admin/project_image/edit/{{$project_image->id}}"
                                                method="post" enctype="multipart/form-data">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <input type="hidden" id="id_product" class="" name="id_project" value="{{$project_image->id_project}}">
                                                        <input type="number"  class="form-control" value="{{$project_image->order}}" name="order" required>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <button type="submit"  class="btn btn-primary" style="width: 100%;">
                                                            Update
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                            </td>
                                            <td style="width: 10%;">
                                                <a href="/admin/project_image/delete/{{$project_image->id}}"
                                                    class="btn btn-danger" style="width: 100%;">
                                                    <span>Delete</span>
                                                    <i class="fa fa-trash"></i>
                                                     </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                        <tr>
                                            <td>
                                                @lang('add-more-img')
                                            </td>
                                            <form action="/admin/project_image/edit/{{$project_edit->id}}" method="post"
                                                enctype="multipart/form-data">
                                                @csrf
                                                <td>
                                                <div class="row">
                                                    <div class="col-lg-8">
                                                    <input type="file" id="file" class="form-control" name="images[]" multiple
                                                        required>
                                                    </div>
                                                    <input type="hidden" id="id_project" class="" name="id_project"
                                                        value="{{$project_edit->id}}">
                                                    <div class="col-lg-4">
                                                        <button type="submit"  class="btn btn-primary" style="width: 100%;">
                                                            Upload
                                                        </button>
                                                    </div>
                                                </td>
                                            </form>
                                            <td>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@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 -->
<script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
<!-- Custom and plugin javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/trix/1.2.0/trix.js"></script>
<script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.js"></script>
<script src="{{asset('admin2/js/post.js')}}"></script>
<!-- <script>
    function submitForm(id, btn) {
        $(btn).removeClass('btn-primary');
        $(btn).addClass('btn-secondary');
        $(btn).addClass('disabled');
        $(id).submit();
    }
</script> -->
<script>
    $(document).ready(function () {
        $("#user_profile_pic").change(function () {
            var val = $(this).val();
            console.log('sda');
            switch (val.substring(val.lastIndexOf('.') + 1).toLowerCase()) {
                case 'gif': case 'jpg': case 'png':
                    // alert("an image");
                    break;
                default:
                    $(this).val('');
                    // error message here
                    alert("not an image");
                    break;
            }
        });
    });
</script>
<script>
    $(document).ready(function () {
        $('.summernote').summernote({
            height: 300,
            popover: {
                image: [],
                link: [],
                air: []
            }
        });
        $('.summernote2').summernote({
            height: 180,
            popover: {
                image: [],
                link: [],
                air: []
            }
        });
    });
</script>
@endsection