@extends('admin.layout.master')
@section('content')

    <style>
        .table td, .table th {
            padding: 10px;
            width: 50px;
        }
    </style>

    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">{{ (!empty(request()->orderprocess) ? ucfirst(strtolower(request()->orderprocess)) : "") }} Purchasing</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">{{ (!empty(request()->orderprocess) ? ucfirst(strtolower(request()->orderprocess)) : "") }} Purchasing</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))

            <p class="alert alert-{{ $msg }} mt-2">{{ Session::get('alert-' . $msg) }}
                <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
            </p>
            @endif
            @endforeach
            <div class="row">
                <div class="col-12">
                    <div class="card card-primary card-tabs">
                        <div class="card-header p-0 pt-1">
                            <ul class="nav nav-tabs" id="custom-tabs-two-tab" role="tablist">

                                <li class="nav-item">
                                    <a class="nav-link active" id="custom-tabs-two-home-tab" data-toggle="pill"
                                        href="#custom-tabs-two-home" role="tab" aria-controls="custom-tabs-two-home"
                                        aria-selected="true">MedArt</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-two-profile-tab" data-toggle="pill"
                                        href="#custom-tabs-profile-home" role="tab"
                                        aria-controls="custom-tabs-two-profile" aria-selected="false">Meyer</a>
                                </li>

                            </ul>
                        </div>
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-two-tabContent">
                                <div class="tab-pane fade active show" id="custom-tabs-two-home" role="tabpanel"
                                    aria-labelledby="custom-tabs-two-home-tab">
                                    <div id="medartdiv">
                                        <h4>Loading....</h4>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="custom-tabs-profile-home" role="tabpanel"
                                    aria-labelledby="custom-tabs-profile-home-tab">
                                    <div id="meyerdiv">
                                        <h4>Loading....</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <script type="text/javascript">

        $( document ).ready(function() {
            var loadurl = "{{ route('admin.purchasing-list-view') }}?orderprocess=MEDART";
            $('#medartdiv').load(loadurl);
        });

        $('#custom-tabs-two-home-tab').click(function(){
            $('#medartdiv').html('<h4>Loading....</h4>');
            var loadurl = "{{ route('admin.purchasing-list-view') }}?orderprocess=MEDART";
            $('#medartdiv').load(loadurl);
        });
        $('#custom-tabs-two-profile-tab').click(function(){
            $('#meyerdiv').html('<h4>Loading....</h4>');
            var loadurl = "{{ route('admin.purchasing-list-view') }}?orderprocess=MEYER";
            $('#meyerdiv').load(loadurl);
        });
    </script>


@endsection