@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Dashboard</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">College Master</a></li>
				<li class="breadcrumb-item active" aria-current="page">College Departments</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->

	<!-- ROW-1 OPEN -->
    <div class="row">
        <div class="col-12">

            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Manage College Departments</h3>
                </div>
                <div class="card-body">
                    <div aria-multiselectable="true" class="accordion-primary mb-2" id="accordion2" role="tablist">
                        <div class="card mb-0 mt-2">
                            <div class="card-header border-bottom-0" id="headinig1" role="tab">
                                <a class="accor-style2" aria-controls="collapse1" aria-expanded="true" data-bs-toggle="collapse" href="#collapse1"><i class="fa fa-building" data-bs-toggle="tooltip" title="fa fa-user"></i> Create Department</a>
                            </div>
                            <div aria-labelledby="headinig1" class="collapse show" data-bs-parent="#accordion2" id="collapse1" role="tabpanel">
                                <form role="form" method="post" action="{{ route('college.depa.save') }}">
                                @csrf
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="d-flex flex-column">
                                                    <div class="form-group">
                                                        <input class="form-control" placeholder="Enter Department Name" type="text" id="department" name="department">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="d-flex flex-column">
                                                    <div class="form-group">
                                                        <!--select class="form-control select2-show-search form-select" data-placeholder="Select TIC Name" id="facultyid" name="facultyid"-->
                                                        <select class="form-control select2 form-select" data-placeholder="Select TIC Name" id="facultyid" name="facultyid">
                                                            <option value="">Select TIC Name</option>
                                                            @foreach($usermaster as $facultynm)
                                                                <option value={{ $facultynm->id }} {{ $facultynm->id == $facultyid ? 'selected' : '' }}>{{ $facultynm->name }} {{ $facultynm->lname }} [{{ $facultynm->department }}]</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>                                                                            
                                        </div>
                                    </div>
                                    <div class="card-footer" style="text-align: right;">
                                        <button class="btn ripple btn-secondary"><i class="fa fa-cloud-upload" data-bs-toggle="tooltip" title="fa fa-cloud-upload"></i> Create Department</button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="card mb-0 mt-2">
                            <div class="card-header border-bottom-0" id="headinig2" role="tab">
                                <a class="accor-style2 collapsed" aria-controls="collapse2" aria-expanded="false" data-bs-toggle="collapse" href="#collapse2"><i class="fa fa-list-alt" data-bs-toggle="tooltip" title="fa fa-list-alt"></i> Department Details</a>
                            </div>
                            <div aria-labelledby="headinig2" class="collapse" data-bs-parent="#accordion2" id="collapse2" role="tabpanel">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-bordered text-nowrap border-bottom w-100" id="responsive-datatable">
                                            <thead>
                                                <tr>
                                                    <th class="wd-25p border-bottom-0">#</th>
                                                    <th class="wd-20p border-bottom-0">Department Name</th>
                                                    <th class="wd-20p border-bottom-0">Teacher-in-Charge</th>
                                                    <th class="wd-25p border-bottom-0">Order By</th>
                                                    <th class="wd-15p border-bottom-0">Created At</th>
                                                    <th class="wd-10p border-bottom-0" style="text-align: center;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $intcount = 1;
                                                @endphp
                                                @foreach($depamaster as $keyone => $itemone)
                                                    <tr>
                                                        <td>{{ $intcount }}</td>
                                                        <td>{{ $itemone->department }}</td>
                                                        <td>{{ Str::upper(getusername($itemone->teacherchg)) }}</td>
                                                        <td>{{ $itemone->oby }}</td>
                                                        <td>{{ Carbon\Carbon::parse($itemone->created_at)->diffForHumans() }}</td>
                                                        <td style="text-align: center;">
                                                            <div class="d-flex align-items-stretch">
                                                                <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Edit Details" href="{{ route('college.depa.edit', $itemone->id) }}">
                                                                    <i class="fe fe-edit-2"></i>
                                                                </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @php
                                                        $intcount++;
                                                    @endphp                                                    
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>                        
                       
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection