@extends('admin/layout')
@section('page_title','List of Brand Names')
@section('medicine_select','active')
@section('brand_select','active')
@section('content')

<!-- Add Brand Modal   -->
<div class="modal fade" id="addBrandModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Add Brand Name</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="add_brand_form" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">

                    <div class="form-group">
                        <label for="">Brand Name<span class="text-red">*</span></label>
                        <input type="text" name="brand_name" id="brand_name" class="form-control brand_name"
                            placeholder="Enter Brand Name....">
                        <p class="brand_name_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Unit Price<span class="text-red">*</span></label>
                        <input type="text" name="unit_price" id="unit_price" class="form-control unit_price"
                            placeholder="Enter Unit Price....">
                        <p class="unit_price_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Strength<span class="text-red">*</span></label>
                        <input type="text" name="strength" id="strength" class="form-control strength"
                            placeholder="Ex: 100 mg">
                        <p class="strength_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Generic<span class="text-red">*</span></label><button type="button"
                            style="float: right" title="Add New Dosage"
                            class="btn btn-warning btn-xs add_generic_btn"><i class="fa fa-plus"></i> Add New</button>
                        <select name="generic" id="generic" class="generic form-control">

                        </select>
                        <p class="generic_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Dosage <span class="text-red">*</span></label><button type="button"
                            style="float: right" title="Add New Dosage" class="btn btn-info btn-xs add_dosage_btn"><i
                                class="fa fa-plus"></i> Add New</button>
                        <select name="dosage" id="dosage" class="dosage form-control">


                        </select>
                        <p class="dosage_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Company <span class="text-red">*</span></label> <button type="button"
                            style="float: right" title="Add New Company"
                            class="btn btn-success btn-xs add_company_btn"><i class="fa fa-plus"></i> Add New</button>
                        <select name="company" id="company" class="company form-control">

                        </select>
                        <p class="company_error text-danger"></p>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                        Cancle</button>
                    <button type="submit" class="btn btn-primary save_brand"><i class="fa fa-floppy-o"></i>
                        Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Add Brand Modal End -->

<!-- View Brand Modal   -->
{{-- <div class="modal fade" id="viewBrandModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel"><span class="view_brand_name_title"></span></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">

                <h2 class="view_brand"> <span class="view_dosage_image"></span> <span class="view_brand_name"></span>
                    <span class="small dosage_view"></span>
                </h2>

                <p>
                    <span class="text-info view_generic_name"></span>
                    <br><span style="color: #828282" class="view_strangth"></span>
                    <br><span style="color: #828282" class="view_company"></span>
                </p>
                <p style="color: #34495e"><span class="view_unit_price"></span></p>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                    Close</button>
            </div>
        </div>
    </div>
</div> --}}
<!-- View Brand Modal End -->

<!-- Edit Brand Modal Start -->
<div class="modal fade" id="editBrandModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Edit Dosage Name</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="edit_brand_form" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">

                    <input type="hidden" class="edit_id" name="edit_id">

                    <div class="form-group">
                        <label for="">Brand Name<span class="text-red">*</span></label>
                        <input type="text" name="brand_name" id="edit_brand_name" class="form-control edit_brand_name"
                            placeholder="Enter Brand Name....">
                        <p class="edit_brand_name_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Unit Price<span class="text-red">*</span></label>
                        <input type="text" name="unit_price" id="edit_unit_price" class="form-control edit_unit_price"
                            placeholder="Enter Unit Price....">
                        <p class="edit_unit_price_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Strength<span class="text-red">*</span></label>
                        <input type="text" name="strength" id="edit_strength" class="form-control edit_strength"
                            placeholder="Ex: 100 mg">
                        <p class="edit_strength_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Generic<span class="text-red">*</span></label>
                        <select name="generic" id="edit_generic" class="edit_generic form-control">

                        </select>
                        <p class="edit_generic_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Dosage<span class="text-red">*</span></label>
                        <select name="dosage" id="edit_dosage" class="edit_dosage form-control">

                        </select>
                        <p class="edit_dosage_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Company<span class="text-red">*</span></label>
                        <select name="company" id="edit_company" class="edit_company form-control">

                        </select>
                        <p class="edit_company_error text-danger"></p>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                        Cancle</button>
                    <button type="submit" class="btn btn-primary update_brand"><i class="fa fa-floppy-o"></i>
                        Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Edit Brand Modal End -->

<!-- Company Add Modal Start -->
<div class="modal fade" id="companyAddModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Add Company</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="company_add_form">
                @csrf
                <div class="modal-body">

                    <div class="form-group col-md-12">
                        <label for="company_name">Company Name</label><span class="text-danger">*</span>
                        <input type="text" name="company_name" id="company_name" class="form-control company_name"
                            placeholder="Enter Pharmaceutical Company Name">
                        <p class="company_name_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-12">
                        <label for="company_image">Company Image</label>
                        <input type="file" name="company_image" id="company_image" class="form-control company_image" />
                        <p class="company_image_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="established">Established</label>
                        <input type="text" name="established" id="established" class="form-control established"
                            placeholder="Enter Established">
                        <p class="established_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="market_share">Market Share</label>
                        <input type="text" name="market_share" id="market_share" class="form-control market_share"
                            placeholder="Enter Market Share">
                        <p class="market_share_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="growth">Growth</label>
                        <input type="text" name="growth" id="growth" class="form-control growth"
                            placeholder="Enter Growth">
                        <p class="growth_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="contact_details">Contact Details</label>
                        <input type="text" name="contact_details" id="contact_details"
                            class="form-control contact_details" placeholder="Enter Contact Details">
                        <p class="contact_details_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="fax">Fax</label>
                        <input type="text" name="fax" id="fax" class="form-control fax">
                        <p class="fax_error text-danger"></p>
                    </div>
                    <div class="form-group col-md-12">
                        <label for="description">Description</label>
                        <textarea class="form-control description" name="description" id="description"></textarea>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                        Cancle</button>
                    <button type="submit" class="btn btn-primary save_company"><i class="fa fa-floppy-o"></i>
                        Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Company Add Modal End -->

<!-- Add Dosage Modal   -->
<div class="modal fade" id="addDosageModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Add Dosage Name</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="add_dosage_form" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="dosage_forms">Dosage Forms<span class="text-red">*</span></label>
                        <input type="text" name="dosage_forms" id="dosage_forms" class="form-control dosage_forms"
                            placeholder="">
                        <p class="dosage_forms_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Icon Image</label>
                        <input type="file" class="form-control icon_image" name="icon_image" id="icon_image" />
                        <p class="icon_image_error text-danger"></p>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                        Cancle</button>
                    <button type="submit" class="btn btn-primary save_dosage"><i class="fa fa-floppy-o"></i>
                        Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Add Dosage Modal End -->

<!-- Add Generic Modal   -->
<div class="modal fade" id="addGenericModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Add Generic Name</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="add_generic_form">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="generic_name">Generic Name <span class="text-red">*</span></label>
                        <input type="text" name="generic_name" id="generic_name" class="form-control generic_name"
                            placeholder="Enter Generic Name">
                        <p class="generic_name_error text-danger"></p>
                    </div>
                    <div class="form-group">
                        <label for="">Select Generic Category</label><span class="text-red">*</span>
                        <select name="generic_category" id="generic_category" class="generic_category form-control">
                            <option value="">Select Generic Category</option>
                            @foreach ($generic_category as $generic_category)
                            <option value="{{ $generic_category->id }}">{{ $generic_category->category_name
                                }}</option>
                            @endforeach
                        </select>
                        <p class="generic_category_error text-danger"></p>
                    </div>

                    <div class="form-group">
                        <label for="">Indications</label>
                        <textarea class="indications" name="indications" id="indications"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Pharmacology</label>
                        <textarea class="pharmacology" name="pharmacology" id="pharmacology"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Dosage & Administration</label>
                        <textarea class="dosage_and_administration" name="dosage_and_administration"
                            id="dosage_and_administration"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Interaction</label>
                        <textarea class="interaction" name="interaction" id="interaction"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Contraindications</label>
                        <textarea class="contraindications" name="contraindications" id="contraindications"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Side Effects</label>
                        <textarea class="side_effects" name="side_effects" id="side_effects"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Pregnancy & Lactation</label>
                        <textarea class="pregnancy_and_lactation" name="pregnancy_and_lactation"
                            id="pregnancy_and_lactation"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Precautions & Warnings</label>
                        <textarea class="precautions_and_warnings" name="precautions_and_warnings"
                            id="precautions_and_warnings"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Use In Special Populations</label>
                        <textarea class="use_in_special_populations" name="use_in_special_populations"
                            id="use_in_special_populations"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Overdose Effects</label>
                        <textarea class="overdose_effects" name="overdose_effects" id="overdose_effects"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Therapeutic Class</label>
                        <textarea class="therapeutic_class" name="therapeutic_class" id="therapeutic_class"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="">Storage Conditions</label>
                        <textarea class="storage_conditions" name="storage_conditions"
                            id="storage_conditions"></textarea>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>
                        Cancle</button>
                    <button type="submit" class="btn btn-primary save_company"><i class="fa fa-floppy-o"></i>
                        Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Add Generic Modal End -->

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        List of Brand Names
        <small>Manage</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="active">List of Brand Names</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            @if (session()->has('delete_msg'))
            <div class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>{{session()->get('delete_msg')}}</strong>
            </div>
            @endif
            <div class="success_message"></div>
            <div class="box box-info">
                <div class="box-header with-border">
                    <div class="d-flex justify-content-end text-right">
                        <button id="add_brand_btn" class="btn btn-warning add_brand_btn"><i
                                class="fa fa-plus-circle"></i>&nbsp;&nbsp;Add Brand Names</button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-md-12">
                        <div style="overflow-x: auto;">
                            <div class="brand_tbl_html"></div>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->

            </div>
        </div>
    </div>

</section>


@endsection

@section('scripts')
<script src="{{ asset('backend_assets/custom_js/brand.js') }}"></script>
<script>

</script>
@endsection