@extends("admin.layouts.app")
@section("styles")
    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
        rel="stylesheet" type="text/css"/>

@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-list font-green"></i>
                        <span class="caption-subject font-green bold uppercase">@lang("constants.items")</span>
                    </div>
                    <div class="actions">
                        <a href="{{route("admin.used_items.create")}}" class="btn btn-primary">
                            <i class="fa fa-plus"></i> Create </a>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-scrollable">
                        <table class="table table-hover">
                            {!! Form::open(['route'=>"admin.used_items.index",'method'=>"get"]) !!}
                            <thead>
                            <tr>
                                <td colspan="8">
                                    {!! $items->appends($appends)->links()!!}
                                </td>
                            </tr>
                            <tr>
                                <th width="100px">Serial Number</th>
                                <th> @lang("constants.code") </th>
                                <th width="100px"> @lang("Used name") </th>
                                <th width="100px"> @lang("Owner Name") </th>
                                <th width="100px"> @lang("Buyer Name") </th>
                                <th> @lang("constants.price") </th>
                                <th> @lang("constants.discount") </th>
                                <th> Stock</th>
                                <th>Status</th>
                                <th>Is Pinned</th>
                                <th style="width: 15%"> @lang("constants.options") </th>
                            </tr>
                            <tr>
                                <td>
                                    {{Form::text("serial_number",Request::get("serial_number",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td>
                                    {{Form::text("code",Request::get("code",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td>
                                    {{Form::text("name",Request::get("name",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td>
                                    {{Form::text("contact_name",Request::get("contact_name",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td>
                                    {{Form::text("buyer_name",Request::get("buyer_name",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        {{Form::text("price_from",Request::get("price_from",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"From"])}}
                                    </div>
                                    {{Form::text("price_to",Request::get("price_to",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"To"])}}
                                </td>
                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        {{Form::text("discount_from",Request::get("discount_from",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"From"])}}
                                    </div>
                                    {{Form::text("discount_to",Request::get("discount_to",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"To"])}}
                                </td>
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("is_active",["active"=>"Active","not-active"=>"Not Active"],Request::get("is_active",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}
                                </td>
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("is_sold",["sold"=>"Sold","not-sold"=>"Not Sold"],Request::get("is_sold",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>
                                <td></td>
                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        <button class="btn btn-sm btn-success filter-submit margin-bottom">
                                            <i class="fa fa-search"></i> Search
                                        </button>
                                    </div>
                                    <a href="{{route("admin.used_items.index")}}"
                                       class="btn btn-sm btn-default filter-cancel">
                                        <i class="fa fa-times"></i> Reset</a>
                                </td>
                            </tr>

                            {!! Form::close() !!}
                            </thead>
                            <tbody>
                            @forelse($items as $item)
                                <tr>
                                    <td>
                                        {{$item->serial_number??'-'}}
                                    </td>
                                    <td>
                                        {{$item->code}}
                                    </td>
                                    <td>
                                        {{$item->name??'-'}}
                                    </td>
                                    <td>
                                        {{$item->contact_name??'-'}}
                                    </td>
                                    <td>
                                        {{$item->buyer_name??'-'}}
                                    </td>
                                    <td>
                                        {{$item->price}}
                                    </td>
                                    <td>
                                        {{$item->discount}}
                                    </td>
                                    <td>
                                        {{$item->stock}}
                                    </td>
                                    <td style="background-color: @if($item->status=="published") #6bb100 @elseif($item->status=="sold")  #4a90e2 @endif">
                                        {!! Form::select("status",["pending"=>"بانتظار التأكيد","waiting"=>"بانتظار التعديل والموافقة","checking"=>"تحت الفحص","no-answer"=>"لم يتم الرد","approved"=>"جاهز للنشر","rejected"=>"لم تتم الموافقة","pending-receive"=>"بإنتظار إستلام الجهاز",'published'=>"منشور",'sold'=>"مباع",'hidden'=>"إخفاء"],$item->status,['class'=>"status-change form-control",'placeholder'=>"أختر",'data-model'=>"UsedItem",'data-id'=>$item->id])!!}
                                    </td>
                                    <td>
                                        <a href="#" data-type="is_pinned" data-class="UsedItem"
                                           data-id="{{$item->id}}" id="{{$item->id}}"
                                           class="attribute is_pinned">
                                            @if ($item->is_pinned)
                                                <i class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif
                                        </a>
                                    </td>
                                    <td>
                                        <a href="{{route("admin.used_items.edit",$item->id)}}"
                                           class="btn btn-outline btn-sm purple" title="Edit"><i
                                                class="fa fa-edit"></i> @lang("constants.edit")</a>

                                        <a href="{{ route('admin.model-images.index', ['id' => $item->id, 'model' => 'used_items']) }}"
                                           class="btn btn-outline btn-sm green">
                                            <i class="fa fa-image"></i>
                                            Images
                                        </a>

                                        {{Form::open(['route'=>["admin.used_items.destroy",$item->id],'method'=>"delete"])}}
                                        <button onclick="return confirm('are you sure?')" type="submit"
                                                class="btn btn-outline btn-sm red" title="Delete"><i
                                                class="fa fa-trash"></i> @lang("constants.delete")</button>
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="8">
                                    {!! $items->appends($appends)->links()!!}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    @include("admin.layouts.update_attribute")
    <script type="text/javascript">
        $(document).ready(function () {
            $("#categories").trigger('change');

        });
        $("#categories").on("change",
            function () {
                $list = $("#sub_categories");
                $list.prop("disabled", false);
                $list.empty();
                $.ajax({
                    url: "{{route("admin.get-categories")}}",
                    type: "GET",
                    data: {id: $("#categories").val()},
                    traditional: true,
                    success: function (result) {
                        $list.empty();
                        $.each(result,
                            function (i, item) {
                                $list.append('<option value="' + item["id"] + '"> ' + item["title"] + ' </option>');
                            });
                    },
                    error: function () {
                        alert("Something went wrong");
                    }
                });
            });

    </script>
    <script>
        $('.status-change').change(function () {
            var id = $(this).data("id");
            var model = $(this).data("model");
            var value = $(this).val();
            var type = "status";
            $.ajax({
                url: "{{route("admin.update-value")}}",
                data: {id: id, model: model, type: type, value: value},
                type: "GET",
                success: function (data) {
                    toastr["success"]("Status Saved Successfully");

                    toastr.options = {
                        "closeButton": true,
                        "debug": false,
                        "positionClass": "toast-top-right",
                        "onclick": null,
                        "showDuration": "1000",
                        "hideDuration": "1000",
                        "timeOut": "5000",
                        "extendedTimeOut": "1000",
                        "showEasing": "swing",
                        "hideEasing": "linear",
                        "showMethod": "fadeIn",
                        "hideMethod": "fadeOut"
                    }
                }
            });
        });
    </script>
@endsection