@extends('adminlte::page')

@section('title', $section.' Documents')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Edit '{{$section}}' Document Section</h1>
@stop
@php 
    $index_count1=1;
@endphp

@section('content')
    <div class="card shadow rounded-lg mb-3 px-5 py-2">
    <div class="card-header">
            <div class="row mt-3">
                <div class="col-md-6 float-left ">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-white">
                            <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                            <li class="breadcrumb-item text-bold active" aria-current="page">Dashboard Services</li>
                            <li class="breadcrumb-item active text-bold" aria-current="page">Edit</li>
                        </ol>
                    </nav>
                </div>

                <div class= "col-md-6">
                    <a href="{{ route('admin.dashboard-services.techstack.heading.add',[$id, $section]) }}"  class="btn btn-primary float-md-right" role="button" aria-pressed="true"><i class="fas fa-plus"></i> Add Points</a>
                </div>
            </div>
        </div>
        
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li> 
                    @endforeach
                </ul>
            </div>
        @endif
        <form id="file-upload" method="POST" action="{{ route('admin.dashboard-services.techstack.update', [$id, $section]) }}" enctype="multipart/form-data">
            {{ csrf_field() }}
        <div class="row">
       
        @if(!empty($serviceType))                                  
            @foreach($serviceType as $value)
            <div class="col-md-3">
            <div class="card" style="width: 18rem;">
                <div class="card-header">
                <h5>
					<a href="{{ route('admin.dashboard-services.techstack.heading.edit',[$value->id,$section]) }}">{{$value->heading}} <i class="fas fa-fw fa-edit "></i></a>
					<a href="{{ route('admin.dashboard-services.techstack.heading.delete',[$value->id,$section]) }}" class="text-danger" onclick="return confirm('Are you sure?')">
						<i class="fas fa-fw fa-trash "></i>
					</a>
				</h5>  
                </div>
                @if(!empty($value->points))   
                <ul class="list-group list-group-flush">                              
                @foreach($value->points as $point)
                
                    <li class="list-group-item">
                    @if(!empty($point->icon))
                        <img src="{{ asset('services/icons/'.$point->icon) }}" style="height: 25px;">
                    @endif
                    {{$point->heading_value}}
                    </li>
                @endforeach
                </ul>
                @endif
            
                </div>
                </div>
                
            @endforeach
        @endif
        </div>

    </div>
      
    <!-- </div> -->
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    <link rel="stylesheet" href="{{ asset('/admin/css/bootstrap-tagsinput.css')}}">
    <style>
        .input-group .custom-file {
            /* border-radius: 10px;  */
            overflow: hidden; 
        }
    </style>
@stop