@extends('main')
@section('content')
<div class="row">
    <div class="col-lg-5 col-md-5 col-sm-5">
        <div class="card" style="height: 300px;">
            <div class="card-header">
                <h4><strong> Add Material used in embroidery </strong> </h4>
            </div>
            <div class="card-body">
                @if(isset($material))
                {!! Form::model($material, ['method' => 'PATCH', 'action' => ['MaterialUsedController@update', $material->idMaterial], 'class' => 'form-horizontal']) !!}
                @else
                {!! Form::open(['url' => 'material-used', 'class' => 'form-horizontal']) !!}
                @endif
                <div class="row">
                    <div class="col-sm-5 form-control-label required">
                        <label for="classname">Name</label>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            {!! Form::text('name',null,['class' => 'form-control','minlength'=>'2','maxlength'=>'80','autocomplete'=>'off']) !!}
                            <span class="help-block">
                                <strong>
                                    @if($errors->has('name'))
                                    <p>{{ $errors->first('name') }}</p>
                                    @endif
                                </strong>
                            </span>
                        </div>
                    </div>
                </div>
                
                <div class="row clearfix">
                    <div class="col-sm-8 offset-sm-2">
                        {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                        {!! Form::close() !!} 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-7">
        <div class="card">
            <div class="card-header">
                 <h4 class="card-title">List Of Material used</h4>
            </div>
            <div class="card-body">
                <table  class="table table-bordered" id="example">
                    <thead>
                        <tr>
                            <th>S.No.</th>
                            <th>Name</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach($mused as $ph)
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $ph->name }}</td>
                            <td>
                                <a href="{{ url('material-used/' . $ph->idMaterial . '/edit') }}" class="btn btn-xs btn-primary waves-effect btn-round">Edit</a>
                                <a  class="btn btn-danger btn-xs active js-sweetalert" data-id="{{$ph->idMaterial}}" data-type="confirm">Delete </a>
                            </td>
                        </tr>
                                                @endforeach
                    </tbody>

                </table>
            </div>
            </section>
        </div>
    </div>
</div>
@stop
@section('script')
<script type="text/javascript">
$(document).on('click', '.js-sweetalert', function (e) {
    $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    e.preventDefault();
    var id = $(this).data('id');
    swal({
            title: "Are you sure?",
            text: "Are You sure you want to delete this  !",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "green",
            confirmButtonText: "Yes, delete  it!",
            closeOnConfirm: true
        },
        function() {
         //   console.log('here');
            $.ajax({
                type: "DELETE",
                url: "{{url('/material-used/')}}" +"/"+id,
                data: { "_token": "{{ csrf_token() }}",id:id}
                       
            })
            .done(function(data) {
                swal({
                    title: "Deleted", 
                    text: "Data has been successfully deactivated", 
                    type: "success"
                },function() {
                    location.reload();
                });
            })
            .error(function(data) {
              swal("Oops", "We couldn't connect to the server!", "error");
            });
            return false;
    });
});

</script>
@stop