@extends('admin::layouts.master')
@section('pagetitle','Dashboard')
@section('content')

<style>

</style>

<div class="tab-pane fade active show  px-10" id="kt_ecommerce_settings_general" role="tabpanel">
    <div class="d-flex align-items-center justify-content-between flex-lg-grow-1">
        <!--begin::Header title-->
        <div class="d-flex align-items-center" id="kt_docs_header_title">
            <!--begin::Page title-->
            <div class="docs-page-title d-flex flex-column flex-lg-row align-items-lg-center py-5 mb-lg-0" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_docs_content_container', 'lg': '#kt_docs_header_title'}">
                <!--begin::Title-->
                <h1 class="d-flex align-items-center text-dark my-1 fs-2x">Service Management</h1>
                <!--end::Title-->
                <!--begin::Separator-->
                <span class="text-muted fs-5 pt-2 px-2  fw-bolder ">
                    /Add New Service</span>
                    <!--end::Separator-->
            </div>
                <!--end::Page title-->
        </div>
        <!--end::Header title-->
        <!--begin::Toolbar-->
        <div class="d-flex align-items-center">
            <!--begin::Purchase link-->
            <a class="btn bdr-primary btn-light-primary btn-flex h-40px fw-bolder px-4 px-lg-6" href="/admin/services" ><span class="p-5">< Back</span></a>
            <!--end::Purchase link-->
        </div>
        <!--end::Toolbar-->
    </div>
    <form id="kt_add_service_form" method="POST" class="form" enctype="multipart/form-data"  action="{{route('add-service')}}">
        <div class="card card-flush">
            <!--begin::Card body-->
            <div class="card-body  p-0">
                @csrf
                <div class="row">
                    <div class="pt-5 px-9 mb-2">
                        <span class="fs-5 fw-boldest">Product information</span>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-7">
                            <div class="flex-row-fluid fixed-width">
                                <input type="hidden" name="master_id" id="master_id" value="">
                                <!--begin::Input-->
                                <select name="model_no" id="model_no"  data-placeholder="Model No" data-control="select2" class="form-select form-select-solid">
                                    <option value=""></option>
                                    @foreach ($model_master as $model_masters)
                                    <option value="{{ $model_masters->model_no }}" data-product_name="{{ $model_masters->product_name }}" data-id="{{ $model_masters->id }}" class="model_masters">{{ $model_masters->model_no }}</option>
                                    @endforeach
                                </select>
                                <!--end::Input-->
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Input-->
                                <input class="form-control" name="serial_no" placeholder="Serial No" value="">
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Input-->
                                <input class="form-control" id="product_name" name="product_name" placeholder="Product Name" value="">
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Select-->
                                
                                <select name="product_type" id="product_type" data-control="select2" data-placeholder="Product Type" class="form-select form-select-solid" >
                                    <option value=""></option>
                                    @foreach ($product_type as $type)
                                    <option value="{{ $type->value }}" class="dealer_details">{{ ucfirst($type->value) }}</option>
                                    @endforeach
                                </select>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                            <select name="product_warranty" id="product_warranty" data-control="select2" data-placeholder="Warranty Type" class="form-select form-select-solid" >
                                    <option value=""></option>
                                    @foreach ($product_warranty as $type)
                                    <option value="{{ $type->value }}" class="">{{ ucfirst($type->value) }}</option>
                                    @endforeach
                                </select>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    

                    <div class="pt-5 px-9 mb-2">
                        <span class="fs-5 fw-boldest">Service information</span>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-7">
                            <div class="flex-row-fluid fixed-width">
                                <!-- Input for service number -->
                                <input class="form-control" name="service_no" placeholder="#123456" value="">
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Select dropdown for actual symptom -->
                                <select name="service_type" id="service_type" data-control="select2" data-placeholder="Service Type" class="form-select form-select-solid">
                                    <option value=""></option>
                                    @foreach ($service_type as $services)
                                    <option value="{{ $services->value }}" class="dealer_details">{{ ucfirst($services->value) }}</option>
                                    @endforeach
                                    
                                </select>
                                
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Select dropdown for actual symptom -->
                                <select name="actual_sympt" id="actual_sympt" data-control="select2" data-placeholder="Actual Symptom" class="form-select form-select-solid">
                                    <option value=""></option>
                                    @foreach ($actual_symp as $symp)
                                    <option value="{{ $symp->value }}" class="dealer_details">{{ ucfirst($symp->value) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!-- Select dropdown for position -->
                                <select name="service_status" id="service_status" data-control="select2" data-placeholder="Service Status" class="form-select form-select-solid">
                                <option value=""></option>
                                @foreach ($service_status as $status)
                                    <option value="{{ $status->value }}" class="dealer_details">{{ ucfirst($status->value) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                            <div class="flex-row-fluid fixed-width">
                                <!-- Input for service number -->
                                <input class="form-control" name=" report_sympt" placeholder="Report Symptom" value="{{$services->service_id}}">
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>

                            <div class="flex-row-fluid fixed-width">
                                <!-- Select dropdown for actual symptom -->
                                
                                <select name="solution" id="solution" data-control="select2" data-placeholder="Solution" class="form-select form-select-solid valid">
                                    <option value=""></option>
                                    @foreach ($solution as $solutions)
                                        <option value="{{ $solutions->value }}" @if($solutions->value == $services->solutions) selected @endif>{{ ucfirst($solutions->value) }}</option>
                                    @endforeach
                                </select>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    
                    
                    <div class="pt-5 px-9 mb-2">
                        <span class="fs-5 fw-boldest">Customer information</span>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-7">
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="customer_name" placeholder="Customer Name" value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="cus_contact_no" placeholder="Contact No." value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="cus_location" placeholder="Location" value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    

                    <div class="pt-5 px-9 mb-2">
                        <span class="fs-5 fw-boldest">Dealer information</span>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-7">
                            <div class="flex-row-fluid fixed-width">
                                <input type="hidden" name="dealer_id" id="dealer_id" value="">
                                <!--begin::Input-->
                                <select name="dealer" id="servicedealer"  data-placeholder="Dealer Name" data-control="select2" class="form-select form-select-solid">
                                    <option value=""></option>
                                    @foreach ($dealerdata as $dealer)
                                    <option value="{{ $dealer->dealer_name }}" data-contact="{{ $dealer->contact_no }}" data-location="{{ $dealer->location }}" data-id="{{ $dealer->id }}" class="dealer_details">{{ $dealer->dealer_name }}</option>
                                    @endforeach
                                </select>
                                <!--end::Input-->
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="dealer_contact_no" id="dealer_contact_no" placeholder="Contact No" value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="dealer_location" id="dealer_location" placeholder="Location" value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    
                    

                    <div class="pt-5 px-9 mb-2">
                        <span class="fs-5 fw-boldest">Engineer information</span>
                        <div class="d-flex flex-column flex-md-row gap-5 mt-7">
                            <div class="flex-row-fluid fixed-width">
                                <input type="hidden" name="engineer_id" id="engineer_id" value="">
                                <!--begin::Input-->
                                <select name="engineer_name" id="serviceengineer" data-control="select2" data-placeholder="Engineer Name" class="form-select form-select-solid">
                                    <option value=""></option>
                                    @foreach ($engineerdata as $engineer)
                                        <option value="{{ $engineer->engineer_name }}" data-contact="{{ $engineer->contact_no }}" data-location="{{ $engineer->location }}" data-id="{{ $engineer->id }}">{{ $engineer->engineer_name }}</option>
                                    @endforeach
                                </select>
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="engineer_contact_no" id="engineer_contact_no" placeholder="Contact No." value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                            <div class="flex-row-fluid fixed-width">
                                <!--begin::Input-->
                                <input class="form-control" name="engineer_location" id="engineer_location" placeholder="Location" value="">
                                <!--end::Input-->
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    
                </div>
            </div><!--end::Card body-->
        </div>
        <div class="text-center">
            <button type="submit" class="btn btn-sm btn-primary mt-7">Add Service</button>
        </div>
    </form>
</div>
@endsection

@section('scripts')
<script src="{{asset('js/admin/services/addservices.js')}}"></script>
@endsection