@extends('adminlte::page')

@section('title', 'Service Icons')




@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6 col-6">
            <h1>Service Icons</h1>
        </div>
        <div class="col-sm-6 col-6">
            <div class=" float-right">
           
            </div>
        </div>
    </div>
@stop



@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
            <form role="form" enctype="multipart/form-data" method="POST" action="{{ route('admin.services.icons.add') }}" autocomplete="off">
                    @csrf
                    <div class="card-body">
                 
                    
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="category">Select Section</label>
                                <select class="category select2 rounded form-control" name="icon_section" id="icon_section" required>
                                    <option value="">Select section...</option>
                                    @foreach ($icons_section as $heading)
                                        <option value="{{ $heading }}" {{ old('heading') == $heading ? 'selected' : '' }}>{{ $heading }}</option>                                    
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Upload icon</label>
                                <input type="file" class="form-control"  placeholder="Icon..." name="icon_input" required>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Name</label>
                                <input type="text" name="icon_name" class="form-control" id="title"  placeholder="Name without space" value="{{ old('icon_name')  }}" required>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Save</label>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->

            
                </form>
                <!-- /.box-header -->
                <div class="card-body table-responsive">

                    <table class="table table-bordered">
                        <tr>
                            <th>Icon</th>
                            <th>Name</th>
                            <th>type</th>
                        </tr>
                        @foreach ($icons as $blg)
                            <tr id="tr_{{$blg->id}}">
                                <td><img src="{{ $front_url.'/services/icons/'.$blg->icon }}" style="height: 25px;"></td>
                                <td>{{$blg->icon_name}}</td>
                                <td>{{$blg->section_type}}</td>
                              
                            </tr>
                        @endforeach
                    </table>
                <div class="box-footer clearfix">
                    {{ $icons->links() }}
                </div>
                </div>
                <!-- /.box-body -->

     
            </div>
        </div>
        <!-- /.col -->
    </div>

@stop