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

<style>
    .input-wrapper {
  position: relative;
}

.input_label {

  border-radius: 6px;
  position: relative;
  width: 100%;
  margin: 10px;
}

label {
  position: absolute;
  top: 0.2ex;
  z-index: 1;
  left: 1.9em;
  background-color: white;
  font-size: small !important;
  
}
</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">Model Master</h1>
                    <!--end::Title-->
                    <!--begin::Separator-->
                    <span class="text-muted fs-5 pt-2 px-2 sub_header fw-bolder">
                        /Add New Master</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/master"><span class="p-5">< Back</span></a>
                <!--end::Purchase link-->
            </div>
            <!--end::Toolbar-->
        </div>

        <div class="card card-flush">
            <!--begin::Card body-->
            <div class="card-body p-0">
                <form id="kt_add_models_form" method="post" class="form" enctype="multipart/form-data"  action="{{ route('add-master') }}">
                    @csrf
                    <div class="row">
                        <div class="pt-5 px-8 ">
                            <span class="fs-5 fw-boldest">Model Master information</span>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Model No</label>
                                    <input class="form-control input_label w-500px" name="model_no" placeholder="model_no" >
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Product Name</label>
                                    <input class="form-control input_label w-500px" name="product_name" placeholder="Product Name" >
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>MRP</label>
                                    <input class="form-control input_label w-500px" name="mrp" placeholder="MRP" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div><hr>
                        </div>
                        <div class="pt-5 px-8">
                            <span class="fs-5 fw-boldest">Cost information</span>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Extended Warranty cost</label>
                                    <input class="form-control input_label w-500px" name="ext_warranty_cost" placeholder="Extended Warranty cost" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>

                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Labour Charges</label>
                                    <input class="form-control input_label w-500px" name="labour_charges" placeholder="Labour Charges" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>

                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Visit Charges</label>
                                    <input class="form-control input_label w-500px" name="visit_charges" placeholder="Visit Charges" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3 mb-5">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    <!-- Input for service number -->
                                    <label>Home Service Charges</label>
                                    <input class="form-control input_label w-500px" name="home_charges" placeholder="Home Service Charges" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                        </div>
                        
                       <!-- <div class="pt-5 px-8">
                            <span class="fs-5 fw-boldest">Parts information</span>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                  
                                    <label>Part 1</label>
                                    <input class="form-control input_label w-500px" name="part_1" placeholder="Part 1" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3 mb-5">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                   
                                    <label>Part 2</label>
                                    <input class="form-control input_label w-500px" name="part_2" placeholder="Part 2" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3 mb-5">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                    
                                    <label>Part 3</label>
                                    <input class="form-control input_label w-500px" name="part_3" placeholder="Part 3" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div> 
                            </div>  
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3 mb-5">
                                <div class="flex-row-fluid fixed-width input-wrapper">
                                   
                                    <label>Part 4</label>
                                    <input class="form-control input_label w-500px" name="part_4" placeholder="Part 4" value="">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>   
                            </div>                                             
                        </div><hr> -->
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-primary  m-5">Save Changes</button>
                    </div>
                </form>
            </div>
            <!--end::Card body-->
        </div>
</div>



@endsection
@section('scripts')
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="{{asset('js/admin/modelmaster/addmodelmaster.js')}}"></script>
@endsection