@extends('layout/master')
@section('content')
<div class="row">
            <div class="col-sm-6">
                <div class="page-title-box">
                    
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="/dashboard">{{__('Dashboard')}}</a></li>
                        <li class="breadcrumb-item active">{{__('Automations triggers')}}</li>
                    </ol>
                </div>
            </div>
            <div class="col-sm-6">

            </div>
        </div>




<div class="row mt-4">
<div class="col-lg-4">
    <a href=""   data-bs-toggle="modal" data-bs-target=".bs-example-modal-lg">
    <button class="btn bg-gradient-primary"><i class="fa fa-plus"> </i> Add new trigger</button>
    </a>
        
        
    </div>
    <div class="col-lg-4">

    </div>
    <div class="col-lg-4"></div>
    
</div>

<div class="card mt-3">
<div class="row mt-4 mb-1">
    <div class="col-lg-4 text-bold">
        Name
    </div>
    <div class="col-lg-6 text-bold" >Description</div>
    <div class="col-lg-2 text-bold" >Enable/Disable</div>
</div><hr>
<div class="row">
    
    <div class="col-lg-4">Product discount</div>
    <div class="col-lg-6">
        <p>Lorem Ipsum is simply dummy is simply dummy text of t ever since the</p>
    </div>
    <div class="col-lg-2" >
        <button type="button" class="btn btn-sm btn-toggle btn-success active" data-bs-toggle="button" aria-pressed="true" autocomplete="off">
        </button>
    </div>

    
</div><hr>
<div class="row">
    
    <div class="col-lg-4">Product discount</div>
    <div class="col-lg-6">
        <p>Lorem Ipsum is simply dummy is simply dummy text of t ever since the</p>
    </div>
    <div class="col-lg-2" >
        <button type="button" class="btn btn-sm btn-toggle btn-success active" data-bs-toggle="button" aria-pressed="true" autocomplete="off">
        </button>
    </div>

    
</div><hr>
<div class="row">
    
    <div class="col-lg-4">Product discount</div>
    <div class="col-lg-6">
        <p>Lorem Ipsum is simply dummy is simply dummy text of t ever since the</p>
    </div>
    <div class="col-lg-2" >
        <button type="button" class="btn btn-sm btn-toggle btn-success active" data-bs-toggle="button" aria-pressed="true" autocomplete="off">
        </button>
    </div>

    
</div><hr>
</div>








<!-- modal -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">Add new trigger</h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">

                <div class="box">
						
						<!-- /.box-header -->
						<form class="form">
							<div class="box-body">
								<class="my-15">
								<div class="row">
								  <div class="col-lg-6">
									<div class="form-group">
									  <label class="form-label">Name</label>
									  <input type="text" name="name" class="form-control" placeholder="Name">
									</div>
								  </div>
							
								</div>
                                <div class="form-group">
								  <label class="form-label">Descripiton</label>
								  <textarea rows="5" class="form-control" placeholder="About trigger"></textarea>
								</div>



								<h4 class="box-title text-info mb-0 mt-20"><i class="ti-save me-15"></i>Customize trigger</h4>
								<hr class="my-15">
								
								<div class="row">
								  <div class="col-md-6">
									<div class="form-group">
									  <label class="form-label">Run trigger</label>
									  <select class="form-select">
										<option>When visitor request</option>
										<option>When visitor send message</option>
										
									  </select>
									</div>
								  </div>
								  <div class="col-md-6">
									<div class="form-group">
									  <label class="form-label">Check condition</label>
									  <select class="form-select">
										<option>Check condition</option>
										<option>condition 1</option>
										<option>condition 2</option>
										<option>condition 3</option>
										<option>condition 4</option>
									  </select>
									</div>
								  </div>
								</div>
								
								
							</div>
							<!-- /.box-body -->
							<div class="box-footer">
								<button type="button" class="btn btn-success me-1">
								  <i class="ti-trash"></i> Cancel
								</button>
								<button type="submit" class="btn btn-primary">
								  <i class="ti-save-alt"></i> Save trigger
								</button>
							</div>  
						</form>
					  </div>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger text-start" data-bs-dismiss="modal">Close</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

@endsection