@extends('admin.template.layout')
@section('header')
 <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
   
@stop
@section('content')

 <style>
        .text-muted {
            color: #181722 !important;
            font-size: 12px;
        }
        .uploaded-prev-imd{
                display: flex;
                flex-direction: row-reverse;
                justify-content: flex-end;
                align-items: center;
                margin: 10px 0px;
        }
        .del-product-img{
            margin-left: 0px;
                color: #fa1b28;
                font-size: 12px;
                font-weight: 400;
        }
        .del-product-img:hover{
            color: #ff3743;
        }
        .select2-container .select2-selection--multiple{
            min-height: 44px;
        }
        #product-single-variant legend{
            font-size: 15px;
            color: #000;
            font-weight: 600;
            margin-bottom: 5px;
        }
        #product-single-variant hr{
            display: none;
        }
        .select-category-form-group .parsley-required{
            position: absolute;
            bottom: -20px
        }

        .default_attribute_id{
            width: auto;
            margin-right: 5px;
        }
        .top-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
        }
        
    </style>
    <div class="card mb-5">
        <div class="card-body">
            <div class="">
                <form method="post" id="admin-form" action="{{ url('admin/save_services') }}" enctype="multipart/form-data"
                    data-parsley-validate="true">
                    <input type="hidden" name="id" id="cid" value="{{ $id }}">
                    @csrf()
                    
                    <div class="row">
                        
                        <div class="col-md-6 form-group  ">
                            <label>Vendor<b class="text-danger">*</b></label>
                            <select class="form-control jqv-input select2 product_vendor" name="seller_id" data-url="{{url('admin/get_categories_brands')}}" required
                                data-parsley-required-message="Select a vendor" data-role="vendor-change" data-input-store="store-id" >
                                <option value="">Select Vendor</option>
                                @foreach ($sellers as $sel)
                                    <option value="{{$sel->id }}" data-activity="{{$sel->activity_id}}" @if ($sel->id == $seller_user_id) selected @endif >{{ $sel->store_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        
                         <div class="col-md-6">
                                <div class="form-group">
                                    <label>Workshop Name<b class="text-danger">*</b></label>
                                    <input type="text" name="name" class="form-control" required
                                        data-parsley-required-message="Enter Workshop Category Name" value="{{ $name }}">
                                </div>
                         </div>
                         {{-- <div class="col-md-6 form-group">
                            <label>Activity Type<b class="text-danger">*</b></label>
                            <select name="activity_id" class="form-control jqv-input select2"
                                    data-parsley-required-message="Select Activity Type" id="activity-id" required 
                                    data-url="{{url('admin/get_service_categories_by_activity_id')}}"
                                    >
                                <option value="">Select Activity Type</option>
                                @foreach ($activity_types as $activity_type)
                                    @if($activity_type->id!=12)
                                        <option value="{{ $activity_type->id }}" {{$activity_id == $activity_type->id ? 'selected' : ""}}>{{ $activity_type->activity_name }}
                                        </option>
                                    @endif;
                                @endforeach
                            </select>
                        </div> --}}

                     
                         {{-- <div class="col-md-6 form-group select-category-form-group">
                            <label>Workshop Category<b class="text-danger">*</b></label>
                            <select data-url="{{url('admin/sellers_by_categories')}}" class="form-control jqv-input product_catd select2" data-jqv-required="true"
                                name="category_ids[]" data-role="select2" data-placeholder="Select Categories"
                                data-allow-clear="true" required
                                data-parsley-required-message="Select Category" >
                                <option value="">
                                    Select Category
                                </option>
                                @if(isset($category_list) && count($category_list) > 0)

                                @foreach($category_list as $parent_cat_id => $parent_cat_name)
                                
                                
                                                                <option value=""