@extends('admin.masterv2')


@section('styleSheet')

@endsection
@section('content')

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('home')}}">Dashboard</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{route('coursesPage')}}">Home Page Edit</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <!-- Success Error message from backend-->
            @include('admin.includesV2.backendAlert')
                <div class="col-md-12">
                    <div class="form-horizontal form-row-seperated">
                        <div class="portlet">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-shopping-cart"></i>Home Page
                                </div>
                            </div>
                            <div class="portlet-body">
                                <nav class="row">
                                    <div class="col nav nav-tabs" id="nav-tab" role="tablist">
                                        <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-general" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Gerneral</button>
                                        <button class="nav-link" id="nav-services-tab" data-bs-toggle="tab" data-bs-target="#nav-services" type="button" role="tab" aria-controls="nav-services" aria-selected="false">Service List</button>
                                        <button class="nav-link" id="nav-overview-tab" data-bs-toggle="tab" data-bs-target="#nav-overview" type="button" role="tab" aria-controls="nav-overview" aria-selected="false">OverView</button>
                                        <button class="nav-link" id="nav-whybicm-tab" data-bs-toggle="tab" data-bs-target="#nav-whybicm" type="button" role="tab" aria-controls="nav-whybicm" aria-selected="false">Why BICM</button>
                                        <button class="nav-link" id="nav-projects-tab" data-bs-toggle="tab" data-bs-target="#nav-projects" type="button" role="tab" aria-controls="nav-projects" aria-selected="false">Projects</button>
                                    </div>
                                </nav>
                                <div class="row tab-content" id="nav-tabContent">
                                    <div class="col tab-pane fade show active" id="nav-general" role="tabpanel" aria-labelledby="nav-general-tab">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th width="8%">
                                                        Section
                                                    </th>
                                                    <th width="25%">
                                                        Title
                                                    </th>
                                                    <th width="7%">
                                                        Status
                                                    </th>
                                                    <th width="15%">
                                                        Action
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($homeSettings as $section)
                                                    <tr>
                                                        <td>{{$section->section_name}}</td>
                                                        <td>{{$section->title}}</td>
                                                        <td>{{$section->status == 'Y' ? "show" : "Hide" }}</td>
                                                        <td>
                                                            <a href="{{ route('newSection', ['id' => $section->home_settings_id]) }}"
                                                               class="btn btn-success btn-sm float-end">
                                                                <i class="fa fa-edit"></i> Edit </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                        </table>
                                    </div>
                                    <div class="col tab-pane fade" id="nav-services" role="tabpanel" aria-labelledby="nav-services-tab">
                                        <a href="{{route('newService',['id' => 'new'])}}" class="btn yellow">
                                            <i class="fa fa-plus"></i> Add Service  </a>
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr role="row" class="heading">
                                                <th width="8%">
                                                    Image
                                                </th>
                                                <th width="25%">
                                                    Title
                                                </th>
                                                <th width="7%">
                                                    Status
                                                </th>
                                                <th width="15%">
                                                    Action
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($homeService as $service)
                                                <tr>
                                                    <td>
                                                        <a href="#" class="fancybox-button"
                                                           data-rel="fancybox-button">
                                                            <img class="img-responsive"
                                                                 src="{{asset('storage/uploads/pages/home/'.$service->image)}}" alt="">
                                                        </a>
                                                    </td>
                                                    <td>{{$service->title}}</td>
                                                    <td>{{$service->status == 'Y' ? "show" : "Hide" }}</td>
                                                    <td>
                                                        <a href="{{ route('newService', ['id' => $service->home_service_id]) }}"
                                                           class="btn btn-success float-end">
                                                            <i class="fa fa-edit"></i> Edit </a>
                                                        <form action="{{ route('deleteHomeService', ['id' => $service->home_service_id]) }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-danger float-end" onclick="return confirm('Are you sure you want to delete this service?')"><i class="fa fa-trash"></i> Remove</button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col tab-pane fade" id="nav-overview" role="tabpanel" aria-labelledby="nav-overview-tab">


                                        <div class="text-align-reverse margin-bottom-10">
                                            <a href="{{route('newOverview',['id' => 'new'])}}" class="btn yellow">
                                                <i class="fa fa-plus"></i> Add Overview  </a>
                                        </div>
                                        <div class="row">
                                            <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12">
                                            </div>
                                        </div>
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr role="row" class="heading">
                                                <th width="8%">
                                                    Image
                                                </th>
                                                <th width="25%">
                                                    Title
                                                </th>
                                                <th width="7%">
                                                    Status
                                                </th>
                                                <th width="15%">
                                                    Action
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($homeOverview as $overview)
                                                <tr>
                                                    <td>
                                                        <a href="#" class="fancybox-button"
                                                           data-rel="fancybox-button">
                                                            <img class="img-responsive"
                                                                 src="{{asset('storage/uploads/pages/home/'.$overview->image)}}" alt="">
                                                        </a>
                                                    </td>
                                                    <td>{{$overview->title}}</td>
                                                    <td>{{$overview->status == 'Y' ? "show" : "Hide" }}</td>
                                                    <td>
                                                        <a href="{{ route('newOverview', ['id' => $overview->home_overview_id]) }}"
                                                           class="btn default btn-sm">
                                                            <i class="fa fa-edit"></i> Edit </a>
                                                        <form action="{{ route('deleteHomeOverviews', ['id' => $overview->home_overview_id]) }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn default btn-sm" onclick="return confirm('Are you sure you want to delete this Overviews?')"><i class="fa fa-trash"></i> Remove</button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>


                                    </div>
                                    <div class="col tab-pane fade" id="nav-whybicm" role="tabpanel" aria-labelledby="nav-whybicm-tab">
                                        <div class="text-align-reverse margin-bottom-10">
                                            <a href="{{route('newWhy',['id' => 'new'])}}" class="btn yellow">
                                                <i class="fa fa-plus"></i> Add Why Chose  </a>
                                        </div>
                                        <div class="row">
                                            <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12">
                                            </div>
                                        </div>
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr role="row" class="heading">
                                                <th width="8%">
                                                    Image
                                                </th>
                                                <th width="25%">
                                                    Title
                                                </th>
                                                <th width="7%">
                                                    Status
                                                </th>
                                                <th width="15%">
                                                    Action
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($homeWhy as $why)
                                                <tr>
                                                    <td>
                                                        <a href="#" class="fancybox-button"
                                                           data-rel="fancybox-button">
                                                            <img class="img-responsive"
                                                                 src="{{asset('storage/uploads/pages/home/'.$why->image)}}" alt="">
                                                        </a>
                                                    </td>
                                                    <td>{{$why->title}}</td>
                                                    <td>{{$why->status == 'Y' ? "show" : "Hide" }}</td>
                                                    <td>
                                                        <a href="{{ route('newWhy', ['id' => $why->home_why_id]) }}"
                                                           class="btn btn-success btn-sm float-end">
                                                            <i class="fa fa-edit"></i> Edit </a>
                                                        <a href="javascript:;" class="btn btn-danger btn-sm float-end">
                                                            <i class="fa fa-times"></i> Remove </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col tab-pane fade" id="nav-projects" role="tabpanel" aria-labelledby="nav-projets-tab">
                                        <div class="text-align-reverse margin-bottom-10">
                                            <a href="{{route('newProject',['id' => 'new'])}}" class="btn yellow">
                                                <i class="fa fa-plus"></i> Add Project  </a>
                                        </div>
                                        <div class="row">
                                            <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12">
                                            </div>
                                        </div>
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr role="row" class="heading">
                                                <th width="8%">
                                                    Image
                                                </th>
                                                <th width="25%">
                                                    Title
                                                </th>
                                                <th width="7%">
                                                    Status
                                                </th>
                                                <th width="15%">
                                                    Action
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($homeProject as $project)
                                                <tr>
                                                    <td>
                                                        <a href="#" class="fancybox-button"
                                                           data-rel="fancybox-button">
                                                            <img class="img-responsive"
                                                                 src="{{asset('storage/uploads/pages/home/'.$project->image)}}" alt="">
                                                        </a>
                                                    </td>
                                                    <td>{{$project->title}}</td>
                                                    <td>{{$project->status == 'Y' ? "show" : "Hide" }}</td>
                                                    <td>
                                                        <a href="{{ route('newProject', ['id' => $project->home_project_id]) }}"
                                                           class="btn btn-success btn-sm float-end">
                                                            <i class="fa fa-edit"></i> Edit </a>
                                                        <a href="javascript:;" class="btn btn-danger btn-sm float-end">
                                                            <i class="fa fa-times"></i> Remove </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')

@endsection