@extends('layouts.master')
@section('content')
@php $actionUrl=url('/createSetArticles'); @endphp
<div class="" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>{{$header['pageTitle']}}</h3>
            </div>
            <div class="title_right">
                <div class="item form-group">
                    <div class="col-md-3 col-sm-3 offset-md-9">
                        <button type="button" class="btn btn-primary dynamicModal" pageTitle="Add Article"
                            pageLink="{{$actionUrl}}" data-toggle="tooltip" data-placement="left"
                            title="Add New Artricle" data-target=".bs-example-modal-lg" data-modal-size="modal-xl">Add
                            New</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-lg-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>{{$header['tableTitle']}} </h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li>
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </li>
                            <li>
                                <a class="close-link"></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="card-box table-responsive">
                                    <table id="datatable"
                                        class="table table-striped table-bordered custom-table-border">
                                        <thead>
                                            <tr>
                                                <th>Sl</th>
                                                <th>Article Name </th>
                                                <th>Classifications Name</th>
                                                <th>Issue Type</th>
                                                <th>Volume Name</th>
                                                <th>Articles Type</th>
                                                <th>Status</th>
                                                <th>Action</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(!empty($articles) && count($articles)>0)
                                            @foreach($articles as $key=>$data)
                                            <tr>
                                                <td>{{$key+1}}</td>
                                                <td>{{$data->article_name}}</td>
                                                <td>{{$data->articleClassifications->classifications}}</td>
                                                <td>{{$data->issues->issues_name}}</td>
                                                <td>{{$data->setVolume->volume_name}}</td>
                                                <td>{{$data->articlesType->article_type}}</td>
                                                <td>
                                                    @if($data->active_status==1)
                                                    <label class="btn btn-success btn-sm">Active</label>
                                                    @else
                                                    <label class="btn btn-danger btn-sm">Active</label>
                                                    @endif
                                                </td>
                                                <td style="text-align: center;">


                                                    <button type="button" class="btn btn-info btn-sm dynamicModal"
                                                        pageTitle="Edit Article"
                                                        pageLink="{{url('/editSetArticles/'.$data->id)}}"
                                                        data-modal-size="modal-xl" data-toggle="tooltip"
                                                        data-placement="top" title="Edit Article  Link">
                                                        <i class="glyphicon glyphicon-edit"></i>
                                                    </button>

                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection