@extends('backend.plugins.crm.layouts.master')
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Toolbar-->
        <div class="toolbar" id="kt_toolbar">
            <!--begin::Container-->
            <div id="kt_toolbar_container" class="bg-primary-custom container-fluid d-flex flex-stack bg-primary-dark">

                <!--begin::Page title-->
                <div class="d-flex align-items-center me-3">
                    <nav class="navbar navbar-expand-lg bg-body-tertiary p-0">
                        <div class="container-fluid">
                            <a class="navbar-brand fs-4 text-white me-2" href="/admin/plugins/crm/purchase">Purchase Order <i class="fa fa-angle-right text-white text-end ms-5"></i></a>
                            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                                <ul class="navbar-nav">
                                    <li class="py-3 px-3 nav-item">
                                        <a class="text-white" href="javascript:void(0)">{{$heading}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
                <!--end::Page title-->
                <!--begin::Actions-->
                <div class="d-flex align-items-center py-1">
                    <!--begin::Wrapper-->
                    <div class="me-4">
                        {{--<a href="/admin/plugins/crm" class="btn btn-light"><i class="fa fa-angle-left"></i> Dashboard</a>--}}
                        <a href="/admin/plugins/crm/purchase" class="py-3 px-5 bg-light-primary"><i class="fa fa-angle-left"></i> Back</a>
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Actions-->

            </div>
            <!--end::Container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid">
            <div class="container">
                @include('layouts.message')
                @livewire('backend.plugin.crm.purchase.edit-purchase-order-component',['record_id'=>$po->id])
            </div>
        </div>
        <!--end::Post-->
    </div>
@endsection