@extends('voyager::master')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_title', 'Viewing Supplier Brand')

@section('page_header')
    <h1 class="page-title">
        <i class="voyager-ticket"></i>
        Viewing Ad
        <a href="{{ route('supplier_brands.edit', $sb->id) }}" title="Edit" class="btn btn-sm btn-primary edit">
            <i class="voyager-edit"></i> <span class="hidden-xs hidden-sm">Edit</span>
        </a>
        <a href="javascript:;" title="Delete" class="btn btn-sm btn-danger delete" data-id="{{ $sb->id }}" id="delete-{{ $sb->id }}">
            <i class="voyager-trash"></i> <span class="hidden-xs hidden-sm">Delete</span>
        </a>
        <a href="{{ route('supplier_brands.table') }}" class="btn btn-warning">
            <span class="glyphicon glyphicon-list"></span>&nbsp;
            Return to List
        </a>
    </h1>
@stop

@section('content')
    <div class="page-content edit-add container-fluid">
        <div class="row">
            <div class="col-sm-12">

                <div class="panel panel-bordered">

                    <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Name</h3></div>
                    <div class="panel-body" style="padding-top:0;">{{ $sb->name }}</div>
                    <hr style="margin:0;">

                    <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Supplier</h3></div>
                    <div class="panel-body" style="padding-top:0;">
                        {{ \App\Models\Supplier::where("id", $sb->supplier_id)->first()->name }}
                    </div>
                    <hr style="margin:0;">

                    <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Product Count</h3></div>
                    <div class="panel-body" style="padding-top:0;">
                        {{ $sb->products->count() }}
                    </div>
                    <hr style="margin:0;">

                    <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Is Active </h3></div>
                    <div class="panel-body" style="padding-top:0;">
                       {{ $sb->is_active ? "Yes" : "No" }}
                    </div>
                    <hr style="margin:0;">

                  <!--  <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Sort Order </h3></div>
                    <div class="panel-body" style="padding-top:0;">
                       {{ $sb->sort_order }}
                    </div>
                    <hr style="margin:0;"> -->

                    <div class="panel-heading" style="border-bottom:0;"><h3 class="panel-title">Date Added </h3></div>
                    <div class="panel-body" style="padding-top:0;">
                       {{ $sb->created_at->format("d-m-Y") }}
                    </div>
                    <hr style="margin:0;">
                </div><!-- panel -->

            </div>
        </div>
    </div>
    <div class="modal modal-danger fade in" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title"><i class="voyager-trash"></i> Are you sure you want to delete this supplier brand?</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('supplier_brands.delete') }}" id="delete_form" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="">
                        <input type="submit" class="btn btn-danger pull-right delete-confirm" value="Yes, Delete it!">
                    </form>
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Cancel</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
@stop

@section('javascript')
    <script>
        $(document).ready(function () {
            $("a.delete").on("click", function(){
                var _id = $(this).data("id");
                $('#delete_modal').find("input[name='id']").attr("id", _id);
                $('#delete_modal').find("input[name='id']").val(_id);
                $('#delete_modal').modal('show');
            });
        });
    </script>
@stop